/*------------------------------------------------------------------------------------------------------*/
/* Skin CCS:		Based on DNN "Simple Red Leaf" Skin by Lee Sykes - http://www.dnncreative.com 	    */
/*																										*/
/* Color Scheme:	http://wellstyled.com/tools/colorscheme2/index-en.html#								*/
/*					Base:   #FF9900 (Orange)   Tetrad,  Default										    */
/*					Others:	#0066CC (Blue)  #002DB3 (Dark Blue) #BFCFFF (LightBlue) #B34800 (RedBrown)	*/
/*																										*/
/* Box sizing:		Based on traditional for IE 5.0, 5.5, 6.0 and withed from WC3 standard for			*/
/*					Mozilla, Explorer 5 on Mac and Opera 7	via box-sizing declaration.					*/
/*					See http://www.quirksmode.org/css/box.html for more info.							*/
/* Other Hacks:		margin: auto centers #Wrap. text-align: center in enclosing BODY is used for IE		*/
/* 					Hack not working? box-sizing: border-box; -moz-box-sizing: border-box; 				*/
/* 					Use Aleternate BMH 1-3 http://css-discuss.incutio.com/?page=BoxModelHack			*/
/*------------------------------------------------------------------------------------------------------*/

/*--- HTML Tags ---*/

BODY
{
	font: 10pt Tahoma,Arial,Helvetica,sans-serif;
	text-align: center;
}

A 
{
	color: #002DB3; 
	text-decoration: underline;
}

A:link, A:visited 
{
    color: #002DB3;
    text-decoration: none;
}

A:active, a:focus, a:hover 	
{
	color: #FF9900; 
	text-decoration: none;
}

H1, H2, H3, H4, H5,  H6	
{
    font-family: Tahoma, Arial, Helvetica, sans-serif;
}

H1
{
    font-size: 110%;
    font-weight: bold;
}

H2
{
    font-size: 100%;
    font-weight: bold;
}

H3
{
    font-size: 90%;
    font-weight: bold;

}

H4
{
    font-size: 85%;
    font-weight: normal;
    margin: 0px;
}

H5
{
    font-size: 80%;
    font-weight: normal;
    margin: 0px;
}

H6
{
    font-size: 80%;
    font-weight: normal;
    margin: 0px;
}


/*--- ID Selectors ---*/


#Wrap_Default
{ 
	padding: 4px 4px 4px 4px;	 
	margin: auto;
  	width: 774px;
}
#Wrap_Module 
{ 
	padding: 4px 4px 4px 4px;	 
	margin: auto;
  	width: 1000px;
}
#Wrap_ModuleTop 
{ 	 
	margin: auto;
  	width: 774px;
}
#Wrap_ModuleBottom
{ 
	padding: 5px 10px 5px 10px;	 
	margin: auto;
  	width: 774px;
}

#TagLine 
{
	border: 0066CC 1px solid; 
	padding-left: 25px;
}

#Header
{
}

#LogoMenu	
{
	background-color: #0066CC;
	padding: 2px 2px 0 2px;
	height: 100px;
  	width: 770px !important;
  	width: 774px;
  	width/**/:/**/770px; 
}

#MenuBar	
{
	border-left: #0066CC 1px solid; 	
	border-right: #0066CC 1px solid; 
	height: 30px;	
}	

#LoginLinks_Default	
{
	color: #6B00FF;
	border-left: #0066CC 1px solid; 	
	border-right: #0066CC 1px solid; 	 
	text-align: right;
	padding: 6px 0 40px 0;
  	width: 772px !important;
  	width: 774px;
  	width/**/:/**/774px; 	
}
#LoginLinks_Module	
{
	color: #6B00FF;	 
	text-align: right;
	padding: 6px 0 40px 0;
  	width: 772px !important;
  	width: 774px;
  	width/**/:/**/774px; 	
}

#ExtraTopPane
{
	background-color: #FFFFCF;
	border-left: #0066CC 1px solid; 	
	border-right: #0066CC 1px solid; 	
	border-bottom: #0066CC 1px solid;  
	clear: both;
	height: 100px;
  	width: 772px !important;
  	width: 774px;
  	width/**/:/**/774px;  
}

#Content_Default
{
	border-left: #0066CC 1px solid; 	
	border-right: #0066CC 1px solid;
	border-bottom: #0066CC 1px solid; 
  	width: 772px !important;
  	width: 774px;
  	width/**/:/**/774px; 	
}
#Content_Module
{
	border-bottom: #0066CC 1px solid;	
  	width: 1000px !important;
  	width: 1000px;
  	width/**/:/**/1000px; 	
}

#ExtraBottomPane
{
	background-color: #FFFFCF; 
	border-left: #0066CC 1px solid; 	
	border-right: #0066CC 1px solid; 	 
	border-bottom: #0066CC 1px solid; 
	clear: both;
	height: 100px;
  	width: 772px !important;
  	width: 774px;
  	width/**/:/**/774px; 		 
}

#Footer	
{
	clear: both; 
	margin-top: 20px;
  	width: 772px !important;
  	width: 774px;
  	width/**/:/**/774px; 		
}

#Copyright 
{
	float: left; 
}

#Legal 
{
	float: right; 
}


/*--- Skin Items ---*/


.hrLightBlue
{
	color: #BFCFFF;
}

.Normal 
{
	color: #000000; 
	font-size: 9pt;
}

.NormalBold
{
    font-size: 9pt;
    font-weight: bold;
}

.NormalRed
{
    color: #FF0000l;
   	font-size: 9pt;
    font-weight: bold;
}


.NormalTextBox
{
	font-size: 9pt;
}


.SkinItem
{
	font-size: 9pt;
    color: #002DB3;
}


.Head
{
    color: #002DB3;
    font-size: 9pt;
	font-weight: bold;
}


.SubHead
{
    color: #B34800;
    font-size: 8pt;
	font-weight: bold;
}


.SubSubHead {
    font-size:  8pt; 
}

.StandardButton
{	

	background-color: #0066CC;
	border-bottom: #404040 1px solid; 
	border-left: #0066CC 1px solid; 
	border-top: #D3D3D3 1px solid; 
	border-right: #404040 1px solid;
	cursor: pointer; 
	color: #FFFFFF; 
	font: 9pt Tahoma, Arial, Helvetica; 		     
	height: 20px;
}

.StandardButton:hover
{
	background-color: #FF8800;	
	color: #FFFFFF;
}


/*--- Main Menu ---*/

.MainMenu_MenuContainer 
{
	background-color: #0066CC;
	z-index: 1000;
}

.MainMenu_MenuBar 
{
	cursor: pointer; 
	cursor: hand; 
	height: 20px;
}

.MainMenu_MenuItem 
{
	border-top: #FFFFFF 0px solid; 	
	border-right: #FFFFFF 0px solid;
	border-bottom: #FFFFFF 0px solid; 
	border-left: #FFFFFF 0px solid;	 
	color: #FFFFFF;	
	cursor: pointer; 
	cursor: hand; 
	height: 20px;
}

.MainMenu_MenuIcon 
{
	background-color: #FFFFFF; 
	border-top: #EEEEEE 0px solid; 
	border-right: #EEEEEE 1px solid; 
	border-bottom: #EEEEEE 0px solid; 
	border-left: #EEEEEE 1px solid; 
	cursor: pointer; 
	cursor: hand; 
	height: 20px; 
	text-align: center; 
	width: 15px;
}

.MainMenu_SubMenu 
{
	background-color: #0066CC; 
	border-top: #FFFFFF 2px solid;
	border-right: #404040 1px solid;
	border-bottom: #404040 1px solid; 
	border-left: #0066CC 2px solid;
	cursor: pointer; 
	cursor: hand; 
	filter: progid:DXImageTransform.Microsoft.Shadow(color='DimGray', Direction=135, Strength=3); 
	text-align: left;
	z-index: 1000;
}

.MainMenu_MenuBreak 
{
	background-color: #0066CC; 
	border-top: #0066CC 1px solid; 
	border-right: #FFFFFF 0px solid; 
	border-bottom: #0066CC 1px solid; 
	border-left: #FFFFFF 0px solid; 
	height: 20px;
}

.MainMenu_MenuItemSel 
{
	background-color: #FF8800; 
	color: #FFFFFF;
	cursor: pointer; 
	cursor: hand; 	 
	font-family: Tahoma, Arial, Helvetica;
	height: 20px;
}

.MainMenu_MenuArrow 
{
	border-top: #FFFFFF 0px solid; 
	border-right: #FFFFFF 0px solid; 
	border-bottom: #FFFFFF 0px solid; 
	border-left: #FFFFFF 0px solid; 
	color: #FF8800; 
	cursor: pointer; 
	cursor: hand; 
	font-family: webdings;
}

.MainMenu_RootMenuArrow 
{
	color: #FF8800; 
	font-family: webdings;
}

/*--- PROCON Private Assemblies ---*/

.PaddedText
{
	padding-top: 1px;
	padding-left: 10px;
	padding-Right: 10px;
	padding-bottom: 1px;
}

.PROCONTextBox
{
	font-family: Tahoma, Arial, Helvetica;
    font-size: 8pt;
	background: #FFFFFF;
	border: solid 1px #0066CC;
	color: Black
	 
}

.PROCONTextBox:hover
{	
	background-color: #FFE6BF;	
}
.PROCONTextBox[disabled]
{
	color: Blue; 
}

.PROCONTextBoxRO
{
	font-family: Tahoma, Arial, Helvetica;
    font-size: 8pt;
	background: #FFFFFF;
	border: solid 1px #0066CC;
	color: Blue
	 
}

.PROCONButton
{	

	background-color: #0066CC;
	border-bottom: #404040 1px solid; 
	border-left: #0066CC 1px solid; 
	border-top: #D3D3D3 1px solid; 
	border-right: #404040 1px solid;
	cursor: pointer; 
	color: #FFFFFF; 
	font: 8pt Tahoma, Arial, Helvetica; 		     
}
.PROCONButton:hover
{
	background-color: #FF8800;	
	color: #FFFFFF;
}

.ContainerPanel 
{
    background-color: #CCCCFF;
	border: solid 1px #0066CC;
    color: #000000;
    font: 8pt bold Tahoma, Arial, Helvetica;
}

.Grid
{
	border: solid 1px #0066CC;
}

.GridHeader
{
	font-family: Tahoma, Arial, Helvetica;
    font-size: 8pt;
    font-weight: normal;
    color: #FFFFFF;
	background-color: #003399;
}
.GridFooter
{
	font-family: Tahoma, Arial, Helvetica;
    font-size: 8pt;
    font-weight: normal;
	color: #FFFFFF;
	background-color:  #003399;
}

.GridPager
{
	font-family: Tahoma, Arial, Helvetica;
    font-size: 8pt;
    font-weight:  normal;
	color: #FFFFFF;
	background-color: #003399;
}

.GridPagerT table
{
	font-family: Tahoma, Arial, Helvetica;
    font-size: 8pt;
    font-weight:  bold;
	color: #FFFFFF;
	background-color: #003399;
}

.GridItem
{
	font-family: Tahoma, Arial, Helvetica;
    font-size: 8pt;
    font-weight: normal;
	background-color: #FFFFFF;
}
.GridEditItem
{
	font-family: Tahoma, Arial, Helvetica;
    font-size: 8pt;
    font-weight: normal;
	background-color: #FFE6BF;
}
.GridSelectedItem
{
	font-family: Tahoma, Arial, Helvetica;
    font-size: 8pt;
    font-weight: normal;
    background-color: #FFE6BF;
}
.RadioButton
{
	font-family: Tahoma, Arial, Helvetica;
    font-size: 8pt;
    font-weight: normal;
    color: Navy;
    border: solid 1px #0066CC;
}
.CheckBox
{
	font-family: Tahoma, Arial, Helvetica;
    font-size: 8pt;
    font-weight: normal;
    color: Navy;
    border: solid 1px #0066CC;
}
.ComboBox
{
	font-family: Tahoma, Arial, Helvetica;
    font-size: 8pt;
    font-weight: normal;
	border: solid 1px #0066CC;
	color: #000000;
}
.ComboBox[disabled]
{
	color: Blue;
}
.TabOn
{
	cursor:  default; 
	color: #000000; 
	font-family: Tahoma, Arial, Helvetica; 
	font-size: 8pt;
	font-style: normal; 
	font-weight: bold;
	border-top: solid 1px Navy;	
	border-left: solid 1px Navy;
	border-right: solid 1px Navy;
	border-bottom: none;		
	background-color: Transparent;	     
}
.TabOff
{	
	cursor:  pointer;
	color:  #FFFFFF;	  
	font-family: Tahoma, Arial, Helvetica; 
	font-size: 8pt;
	font-style: normal;
	background-color: #0066CC;
	border-bottom: #404040 1px solid; 
	border-left: #0066CC 1px solid; 
	border-top: #D3D3D3 1px solid; 
	border-right: #404040 1px solid;	     
}
.TabOff:hover
{
	color: #FFFFFF;
	background-color: #0066CC;	
}

/*--- Skin Items ---*/


.SkinItem
{
    color: #002DB3;
	font-weight: bold;
}

.SkinItem A:link, A:visited 
{
    color: #002DB3;
	font-weight: bold;
    text-decoration: none;
}

.SkinItem A:active, A:focus, A:hover 	
{
    color: #FF9900;
    text-decoration: underline;
}