/* 
================================
Skin styles for DotNetNuke
================================
*/

/* ControlPanel style */
.ControlPanel{background:transparent url(images/cpanel_center.png) repeat-x bottom left; border:none; width: 858px; padding-bottom:10px;}
.cpanel_left {background: url(images/cpanel_left.png) no-repeat bottom left;padding-left:21px;}
.cpanel_right {background: url(images/cpanel_right.png) no-repeat bottom right;padding-right:33px;}

/*-------ControlPanel changes ---------------*/
.ControlPanel a.CommandButton:link, .ControlPanel a.CommandButton:visited{color: #3E81B5;}
.ControlPanel a.CommandButton:hover {color: #CB2027; text-decoration: underline;}
.ControlPanel a.CommandButton:link, .ControlPanel a.CommandButton:visited, .ControlPanel .SubHead{font-size: 11px;}

/*-------------- Empty panes Style --------------*/
.DNNEmptyPane{width:0;padding:0;margin:0;}

/*-------------- Search SkinObject Styles --------------*/
div.SearchContainer{position:relative; white-space: nowrap;}
div.SearchBorder{width: 180px; height: 20px; border: solid 1px #e0e0e0; float:left; background-color: White; white-space: nowrap; margin-top: 2px;}
div.SearchContainer a{padding: 0; display: block; float:left; }
div.SearchContainer a img{padding-left:5px;}
div.SearchIcon{float: left; width: 31px; height: 20px; cursor: pointer; z-index: 11; background: no-repeat 2px 2px; text-align:right;}
div.SearchIcon img{margin-top: 3px;}

input.SearchTextBox{float: left; z-index: 10; border: 0; width:130px; height:18px; margin-left:3px; color: #43494D;}

#SearchChoices{clear: both; display: none; border: solid 1px #C3D4DF; z-index: 2000; cursor: pointer; margin: 0; padding: 0; text-align:left; background-color: #F3F7FA; position:absolute; top: 22px; left: 0;}
#SearchChoices li{cursor: pointer; margin: 0; padding: 2px 2px 0 2px; padding-left: 25px; height: 18px; text-align:left; background-color: #F3F7FA; background-repeat: no-repeat; background-position: 2px center; list-style: none; list-style-image: none; border: none; display:block;}
#SearchChoices li.searchHilite{background-color: #CE0D0D;	color:#ffffff; border: none;}
#SearchChoices li.searchDefault{background-color: #F8FAFF; border: none;}

.SkinObject {font-family: tahoma; font-size: 9pt; font-weight: normal;}

/* Custom */
* {font-family: tahoma;}
body {padding: 0px; margin: 0px;}
table {border-collapse: collapse; width: 100%;}
a {color: #3E81B5;}
a:focus {-moz-outline-style: none;}
a:hover {color: #CB2027;}
h1 {font-size: 14pt;}
h2 {font-size: 13pt;}
h3 {font-size: 12pt;}
h4 {font-size: 11pt;}
td {font-size: 10pt; color: #666;}
p {font-size: 10pt;}
li {font-size: 10pt;}
#TopLeft {background: url(./images/topgradient.png) left bottom repeat-x;}
#TopLogo {padding: 10px 0px 10px 0px; width: 650px; background: url(./images/topgradient.png) left bottom repeat-x;}
#TopSearch {text-align: right; width: 250px; background: url(./images/topgradient.png) left bottom repeat-x;}
#TopRight {background: url(./images/topgradient.png) left bottom repeat-x;}
#MenuLeft {height: 32px; background: url(./images/menu.png) left top repeat-x;}
#MenuMiddle {height: 32px; font-size: 10pt; width: 910px; background: url(./images/menu.png) left top repeat-x;}
#MenuMiddle a {color: #fff; font-size: 10pt;}
#MenuRight {height: 32px; background: url(./images/menu.png) left top repeat-x;}
#ContentLeft {background: url(./images/bottomgradient.png) left top repeat-x;}
#ContentMain {vertical-align: top; padding: 20px 0px 0px 0px; width: 650px; background: url(./images/bottomgradient.png) left top repeat-x;}
#ContentMain hr {border-top: solid 1px #fff; border-bottom: solid 1px #E5E5E5;}
#ContentSide {vertical-align: top; padding: 20px 0px 0px 10px; width: 250px; background: url(./images/bottomgradient.png) left top repeat-x;}
#ContentRight {background: url(./images/bottomgradient.png) left top repeat-x;}
#FooterLeft {background: #E5E5E5 url(./images/footergradient.png) left top repeat-x;}
#FooterMiddle {padding: 40px 0px 10px 0px; width: 910px; background: #E5E5E5 url(./images/footergradient.png) left top repeat-x;}
#FooterMiddle hr {border-top: solid 1px #E5E5E5; border-bottom: solid 1px #ccc;}
#FooterRight {background: #E5E5E5 url(./images/footergradient.png) left top repeat-x;}
.button {
	margin: 0 10px 14px 0;
	float: left;
}
.button span {
	color: #444;
	font-size: 12pt;
	padding-left: 25px;
	background: url(./images/item_link_arrow.gif) no-repeat 0 50%;
}
.button a {
	width: 280px;
	padding: 10px;
	background: url(./images/button_bg.gif) no-repeat bottom right;
	display: block;
	text-decoration: none;
}
.button a:hover {
	background: url(./images/button_hover_bg.gif) no-repeat bottom right;
	color: #CB2027;
	text-decoration: none;
}
.smallbutton {
	margin: 0 10px 14px 0;
	clear: both;
}
.smallbutton span {
	color: #444;
	font-size: 12pt;
	padding-left: 25px;
	background: url(./images/item_link_arrow.gif) no-repeat 0 50%;
}
.smallbutton a {
	width: 280px;
	padding: 10px;
	background: url(./images/button_bg.gif) no-repeat bottom right;
	display: block;
	text-decoration: none;
}
.smallbutton a:hover {
	background: url(./images/button_hover_bg.gif) no-repeat bottom right;
	color: #000;
	text-decoration: none;
}
.link {
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 20px;
	background: url(./images/link_arrow.gif) no-repeat;
}
.item {
	overflow: hidden;
	clear: both;
	width: 250px;
	padding-bottom: 10px;
	margin-top: 0px;
	margin-bottom: 10px;
	background: url(./images/item_bottom_bg.gif) no-repeat bottom right;
}
.item h4 {
	padding: 5px 5px 0px 5px;
	background: #fff url(./images/item_top_bg.gif) no-repeat top left;
	margin-top: 0px;
}
.item p {
	padding: 0px 10px 5px 10px;
}
.item p.link {
	margin: 0px 0px 0px 10px;
	background: url(./images/item_link_arrow.gif) no-repeat;
}
.item p.link a {
	padding: 0px 0px 0px 10px;
}
.item2 {
	overflow: hidden;
	clear: both;
	width: 650px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	background: url(./images/big_item_bottom_bg.gif) no-repeat bottom right;
}
.item2 h4 {
	padding: 5px 5px 0px 5px;
	background: #fff url(./images/big_item_top_bg.gif) no-repeat top left;
	margin-top: 0px;
}
.item2 p {
	padding: 0px 10px 5px 10px;
}
.item2 p.link {
	margin: 0px 0px 0px 10px;
	background: url(./images/item_link_arrow.gif) no-repeat;
}
.item2 p.link a {
	padding: 0px 0px 0px 10px;
}
blockquote {
	background: url(./images/quote_open.gif) no-repeat top left;
	padding: 0 6px 0 14px;
	margin: 0 2px 10px 8px;
}
blockquote p {
	background: url(./images/quote_close.gif) no-repeat bottom right;
	padding-bottom: 0;
	padding-right: 20px;
	margin: 0px;
}

.main_dnnmenu_container {
	background-color: transparent; 
}
.main_dnnmenu_bar {
	cursor: pointer; 
	cursor: hand;
	background-color: Transparent;
	padding-top: 5px;
	height: 30px;
}
.main_dnnmenu_rootitem  { /*TD if menu option for using tables is on*/
	cursor: pointer; 
	cursor: hand; 
	color: #fff; 
	font-size: 1.1em; 
    white-space: nowrap;  /*Word wrapping menu item now optional*/	    
    padding: 10px;   /*explicitly set padding for root menu items*/
	margin: 0px;
}
.main_dnnmenu_itemhover {  
	text-decoration: underline;
}
.main_dnnmenu_icon {
	cursor: pointer; 
	cursor: hand; 
	text-align: center;
}
.main_dnnmenu_submenu {
	background-color: #EDF1F9;  
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand; 
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#696969', Direction=135, Strength=3); 
	padding: 4px;   /*explicitly set padding for sub-menus */
	width: 325px;
	border: solid 1px #A9C9DF;
}
.main_dnnmenu_break {
	height: 15px;
	font-size: 1px;
}