/* 
================================
Skin styles for Cognite
================================
*/ 

/* Generic */
html,body{
	margin:0;
	padding:0;
	height:100%;
}

body{
	margin:0px;
	padding:0px;
	height:100%;
	text-align:center;
	font-family: 'Segoe UI', 'Trebuchet MS', 'Lucida Grande', Arial, Helvetica, sans-serif;
	font-size:80%;	
	background:#fff;
	color:#ccc;
}
img, div { behavior: url(iepngfix.htc) }

img{
	border:0px;
}
.fl{
	float:left;
}
.fr{
	float:right;
}

form{
	margin:0px 0px 0px 0px;
}
label{
	width:100px;
	float:left;
	clear:left;
}

.submitbtn{
	width:100px;
	clear:both;
	margin-left:205px;
}
.clear{
	clear:both;
}
.center{
	text-align:center
}
.lastupdated{
	font-size:80%;
	color:#aaa;
}
a,
a:visited{
	color:#6699cc;
	text-decoration:none;
}

a:hover{
	color:#336699;
	text-decoration:none;
}



hr{
	height:1px;
	color:#000;
	border-top:1px solid #FFFFFF;
	border-bottom:none;
	width:457px;
	margin:20px 18px 15px 0px;
}

h1{
	font-family: 'Segoe UI', 'Trebuchet MS', 'Lucida Grande', Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:180%;
	margin:0px 18px 5px 0px;
	color:#336699;
	display: block;
	clear:both;
}
h2,h3,h4,h5,h6{
	font-family: 'Segoe UI', 'Trebuchet MS', 'Lucida Grande', Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:110%;
	margin:10px 18px 0px 0px;
	color:#6699cc;
	display: block;
}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a,
h1 a:visited,h2 a:visited,h3 a:visited,h4 a:visited,h5 a:visited,h6 a:visited{
	color:#336699;
}

h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover{
	color:#6699cc;
}

hr{
    color:#999!important;
    height:1px!important;
	width:100%!important;
	border-top:1px solid #ccc;
	border-bottom:none;
	border-left:none;
	border-right:none;
}

/* Layout */
#login{
	position:absolute;
	left:0px;
	top:0px;
	font-family: 'Segoe UI', 'Trebuchet MS', 'Lucida Grande', Arial, Helvetica, sans-serif;	
	/*color:#6699cc;*/
}
#dnn_dnnLOGIN_hypLogin{
	color:#FFFFFF;
}
#wrapper{
	width:860px;
	overflow:visible;
	margin: 0 auto;

}

#header{
	width:860px;
	height:154px;
	background:url(header.png) no-repeat ;	
	margin-top:10px;
}


#logo{
	float:right;
}

#main{
	width:794px;
	margin:0px;
	padding:0px 33px 0px 33px;
	float:left;
	text-align:left;
	font-size:100%;
	overflow:visible;
	color:#666;
	background:url(bk_mid.png) #F0F0F0 no-repeat ;
}




#main p,
#main div{
	clear:both;
}
#main ul, #main ul li{
	list-style:decimal;
}


#breadcrumb{
	float:left;
	clear:both;
	margin:5px 0px 30px 0px;
	font-size:80%;
	color:#999;
}
#breadcrumb a, #breadcrumb a:hover, #breadcrumb a:visited{
	color:#999;
	font-weight:normal;
}

#RightPane,
#files{
	float:right;
	width:175px;
	clear:none!important;
}
#files .head{
	float:left;
	clear:both;
	background:url(files_top.png) no-repeat ;
	width:175px;
	height:6px;
	display:block!important;
	overflow:hidden;
}
#files .mid{
	float:left;
	clear:both;
	background:url(files_mid.png) repeat-y ;
	width:175px;
	padding:0px 10px 0px 10px;
}
#files .foot{
	float:left;
	clear:both;
	background:url(files_bot.png) no-repeat ;
	width:175px;
	height:12px;
	overflow:hidden;
}
#files .related{
	font-style:italic;
	margin-top:0px;
}
#files ul{
	list-style:none;
	margin-left:0px;
	padding-left:0px;
	font-size:90%;
}
#files ul li{
	list-style:none;
	margin-left:0px;
	margin-right:10px;
	padding-left:0px;
	vertical-align:text-top;
}

#files a, #files a:visited{
	color:#666;
}

#files a:hover{
	color:#6699cc;
}

#content{
	float:left;
}

/* #tnav */
#tnav{
	height:31px;
	float:left;
	text-align:center;
	font-family: 'Segoe UI', 'Trebuchet MS', 'Lucida Grande', Arial, Helvetica, sans-serif;
	font-size:110%;
	margin:-1px 0px 0px 10px;
	padding:0px;
}


div#tnav #nav{
	list-style: none;
	margin: 0;
	padding: 0;
	height: 31px;
	display: inline;
	overflow: hidden;
}
	
div#tnav #nav li{
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
}

div#tnav #nav a.s{
	background: url(tab_s.png) top left no-repeat;
	width:68px;
}
div#tnav #nav a.m{
	background: url(tab_m.png) top left no-repeat;
	width:78px;
}
div#tnav #nav a.l{
	background: url(tab_l.png) top left no-repeat;
	width:88px;
}
div#tnav #nav a.xl{
	background: url(tab_xl.png) top left no-repeat;
	width:128px;
}


div#tnav #nav a.s,
div#tnav #nav a.m,
div#tnav #nav a.l,
div#tnav #nav a.xl{
	float: left;
	padding: 8px 0px 0px 0px;
	margin-right:2px;
	overflow: hidden;
	height: 23px;
	color:#999;
	background-position: 0 -62px;
}
	
div#tnav #nav a.s:hover,
div#tnav #nav a.m:hover,
div#tnav #nav a.l:hover,
div#tnav #nav a.xl:hover{
	background-position: 0 -31px;
	padding: 8px 0px 0px 0px;
	color:#336699;
}


div#tnav #nav a.selected{
	background-position: 0 0px;
	padding: 8px 0px 0px 0px;
	color:#fff;
	font-weight:normal;
}
div#tnav #nav a.selected:hover{
	background-position: 0 0px;
	padding: 8px 0px 0px 0px;
	color:#336699;
	font-weight:normal;
}



/* #subnav */
#subnav{
	height:30px;
	font-family: 'Segoe UI', 'Trebuchet MS', 'Lucida Grande', Arial, Helvetica, sans-serif;
	font-size:90%;
	float:left;
	clear:both;
	color:#3399cc;
}
div#subnav a{
	color:#3399cc!important;
}
div#subnav a:hover,
div#subnav a.selected,
div#subnav a.selected:hover{
	color:#336666!important;
}


/* #footer */
#footbar{
	background:url(bk_bot.png) no-repeat ;
	width:860px;
	height:7px;
	margin:20px 0px 0px -33px;
}
#footer{
	width:860px;
	clear:both;
	position:relative;
	bottom:0px;
	color:#336699;
	font-weight:normal;
	margin:0px 0px 0px 0px;
}
#footer a,
#footer a:visited{
	color:#336699;
	text-decoration:none;
	font-weight:normal;
}

#footer a:hover{
	color:#336666;
	font-weight:normal;
}

#footer p{
	font-size:90%;
	margin:15px 10px 0px 33px;
	color:#336699;
	font-weight:normal;
}
#msgold{
	margin:15px 26px 0px 0px;
	float:right;
	width:85px;
	height39:px;
}

.partners1, .partners2{
	margin:11px 11px 0px 0px;
	width:256px;
	height:91px;
	overflow:hidden;
	float:left;
	clear:none!important;
}
.partners3{
	margin:11px 0px 0px 0px;
	width:256px;
	height:91px;
	overflow:hidden;
	float:left;
	clear:none!important;
}
.partnerstxt{
	background:url(partnerbox.png) no-repeat;
	margin:11px 11px 0px 0px;
	width:256px;
	height:91px;
	overflow:hidden;
	float:left;
	clear:none!important;
}
.partnerstxt p{
	margin:10px 13px 0px 13px;
	color:#666;
	line-height:130%;
}
.contacttxt1 p,
.contacttxt2 p,
.contacttxt3 p{
	margin:5px 13px 0px 23px;
	color:#666;
	line-height:130%;
}

.contacttxt1, .contacttxt2{
	background:url(partnerbox.png) no-repeat;
	margin:11px 11px 0px 0px;
	width:256px;
	height:91px;
	overflow:hidden;
	float:left;
	clear:none!important;
}
.contacttxt3{
	background:url(partnerbox.png) no-repeat;
	margin:11px 0px 0px 0px;
	width:256px;
	height:91px;
	overflow:hidden;
	float:left;
	clear:none!important;
}






#landbox1,#landbox3{
	background:url(landbox.png) no-repeat;
	margin:11px 11px 11px 0px;
	width:390px;
	height:91px;
	overflow:hidden;
	float:left;
	clear:none!important;
}
#landbox2,#landbox4{
	background:url(landbox.png) no-repeat;
	margin:11px 0px 11px 0px;
	width:390px;
	height:91px;
	overflow:hidden;
	float:left;
	clear:none!important;
}
#landbox3,#landbox4{
	margin-bottom:20px!important; 
}



#landbox1 p,
#landbox2 p,
#landbox3 p,
#landbox4 p{
	margin:-5px 13px 0px 13px;
	color:#666;
	line-height:130%;
	font-size:90%;
}
#landbox1 p.landtitle,
#landbox2 p.landtitle,
#landbox3 p.landtitle,
#landbox4 p.landtitle{
	margin:10px 13px 5px 13px!important;
	color:#336699;
	font-size:120%;
	font-weight:bold;
}

/* IE 6 Fixes \*/
*html div#tnav #nav a.s,*html div#tnav #nav a.m,*html div#tnav #nav a.l,*html div#tnav #nav a.xl{height: 33px;}
*html #footer p{margin:15px 10px 0px 17px;}
*html #footbar{background:url(bk_bot.gif) no-repeat;overflow:hidden;}
*html #main{width:827px; padding:0px 0px 0px 33px;}
*html #files .head{background:url(files_top.gif) no-repeat ;}
*html #files .mid{background:url(files_mid.gif) repeat-y ;}
*html #files .foot{background:url(files_bot.gif) no-repeat ;}
/* End */


/* 
================================
Skin styles for DotNetNuke
================================
*/ 
.pagemaster {
	width: 100%;
	height: 100%;	
	background-color: #fefefe;
}
.skinmaster {
	height: 100%;
	background-color: #f3f5fa;
	border-right: #7994cb 1px solid; 
	border-top: #7994cb 1px solid; 
	border-left: #7994cb 1px solid; 
	border-bottom: #7994cb 1px solid; 
	-moz-border-radius-bottomleft: 15px; 
	-moz-border-radius-bottomright: 15px; 
	-moz-border-radius-topleft: 3px; 
	-moz-border-radius-topright: 3px; 
}
.skinheader {
}
.skingradient {
	background-image: url(gradient_DkBlue.jpg); 
	height:30px;
}
.controlpanel {
	width: 100%;
	background-color: #fefefe;
	margin-top:20px;
}
.toppane {
	width: 100%;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}
.leftpane {
	width: 175px;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}
.contentpane {
	width: 100%;
	background-color: transparent;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;

}
.rightpane {
	/*
	width: 175px;
	background-color: transparent;
	
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	*/
}
.bottompane {
	width: 100%;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}
.main_dnnmenu_container {
	background-color: transparent; 
}
.main_dnnmenu_bar {
	cursor: pointer; 
	cursor: hand;
	height:16px;
	background-color: Transparent;
}
.main_dnnmenu_item td { /*TD if menu option for using tables is on*/
	cursor: pointer; 
	cursor: hand; 
	color: #000000; 
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal; 
	background-color: Transparent;
	font-family: Tahoma, Arial, Helvetica; 
        white-space: nowrap;  /*Word wrapping menu item now optional*/
        padding: 1px 3px 3px 1px;	
}

.main_dnnmenu_rootitem  { /*TD if menu option for using tables is on*/
	cursor: pointer; 
	cursor: hand; 
	color: #000000; 
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal; 
	background-color: Transparent;
	font-family: Tahoma, Arial, Helvetica; 
    white-space: nowrap;  /*Word wrapping menu item now optional*/	    
    padding: 0px 12px 0px 5px;   /*explicitly set padding for root menu items*/
}

.main_dnnmenu_itemhover {  
	background-color: #8da4d3; 
}

.main_dnnmenu_itemhover td {  
	background-color: #8da4d3; 
}


.main_dnnmenu_icon {
	cursor: pointer; 
	cursor: hand; 
	text-align: center; 
	width: 15px; 
	height: 100%;
}
.main_dnnmenu_submenu {
	background-color: #cad5ea;  
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand; 
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#696969', Direction=135, Strength=3); 
	padding: 1px 1px 1px 1px;   /*explicitly set padding for sub-menus */
}
.main_dnnmenu_break {
	height: 1px;
	font-size: 1px;
}

.main_dnnmenu_arrow {
	border-right: #cad5ea 1px solid; 
	border-bottom: #cad5ea 1px solid; 
	border-top: #cad5ea 0px solid;
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand; 
}
.main_dnnmenu_rootmenuarrow {
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand;
}
.StandardButton {
  background: #7994cb none; 
  color: #ffffff;
  font-family: verdana, sans-serif; 
  font-size: 11px;
  font-weight: normal;
}
.TreeViewMenu {
	width: 175px;
	background-color: #dfe5f2;
	border-right: #7994cb 1px solid; 
	border-top: #7994cb 1px solid; 
	border-left: #7994cb 1px solid; 
	border-bottom: #7994cb 1px solid; 
	-moz-border-radius-bottomleft: 15px; 
	-moz-border-radius-bottomright: 15px; 
	-moz-border-radius-topleft: 3px; 
	-moz-border-radius-topright: 3px;
}
.TreeViewMenu_Header {
	background-image: url(gradient_LtBlue.jpg);
}
.Head {
 display:none;
}