/*****************************************************************
    Author:DarkShutters.com
        
   
*********************************************************************/




* 
{
    border:0px none;  
    font-family:inherit;  
    font-size: 100%;  
    font-style:inherit;  
      
    margin:0px;  
    padding:0px;  
    vertical-align:baseline;  
}

img 
{
    border:none;        
}
        
a  
{
    text-decoration:none;
} 

body 
{
	background-repeat:no-repeat;
	background-position: 50% 0%;
	background-color: #eee;
	text-align:left;
	padding:0px;
	margin-top:0px;
	font-family: inherit;
}

#bodyContainer
{
    width:1040px;
    margin:auto;
    min-height: 200px; 
    margin-top:0px; 
    padding-top:10px;
    padding-bottom: 0px; 
    border:0px solid white; 
    background-color:#FFF;
}

.bodyEndBlock
{
    width:1040px; 
    height:80px; 
    margin:auto;
    margin-top:0px;
    margin-bottom: 0px;
    padding:0px; 
    border:0px solid black; 
    background-color:transparent;
}


.clearBoth { clear:both; }
.clearLeft { clear:left; }
.clearRight { clear:right; }

.displayNone { display: none; }

.floatLeft { float: left; }
.floatRight { float: right; }  

.spanBold { font-weight: bold; }
.spanItalic { font-style: italic; }
.spanBoldItalic { font-weight: bold; font-style: italic;}



.commonLink
{
    color: #777777;
    text-decoration:none;
    cursor: pointer; 
    
    padding-right: 12px;
    background-image: url('../img/common/img/linkArrowBlue.png');
    background-position: 100% 60%;
    background-repeat: no-repeat; 
}

.commonLink:hover
{
    text-decoration:underline;  
}  








/******************************** 
    HEADER
*********************************/

#headerContainer
{
	width:1040px;
	padding-right: 0px;
	height:127px;
	margin:auto;
	margin-top:30px;
	padding-top:0px;
	padding-bottom: 5px;
	padding-left:0px;
	background-color:white;

	font-family: inherit;
}



#footerContainer
{
    width:1040px; 
    height:210px; 
    margin:auto;
    margin-top:0px;
    margin-bottom:0px;
    padding-top:0px;
    padding-left:0px;  
    background-color:transparent;
       
}


.footerList
{
   width: 180px;
   padding-left: 10px;
   margin-right: 0px;
   border: 0px solid blue;
   text-align: left;
   display:inline-block;
   border-left: 1px solid #222;
   float:left;
}


/*************************
    NAVIGATION
*************************/  

#navigationContainer 
{
    
    border-top:0px solid #ddd; 
    border-bottom:0px solid #ddd; 
    padding-left: 0px; 
    margin-top: 0px;
    height: 34px; 
    text-align:left;
    background-color: #dce6f2; 
    font-family:Verdana;
} 

ul.rootnav,
ul.rootnav li,
ul.rootnav ul 
{
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.rootnav 
{
    position: relative;
    z-index: 597;
    float: left;
    font: normal 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
    text-transform: uppercase; 
}

ul.rootnav li 
{
    float: left;
    line-height: 18px;
    vertical-align:middle;
 
    padding: 0px; 
    background-color: #dce6f2;
    color: #000;
    line-height: normal; 
}

ul.rootnav li:hover 
{
    position: relative;
    z-index: 599;
    cursor: default;
}

ul.rootnav ul 
{
    visibility: hidden;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 598;
 
    width: 170px;
    background-color: #333;
    color: #fff;
    font-size: 11px;
    text-transform: none;
    filter: alpha(opacity=95); /* for IE*/
    -moz-opacity: 0.95;
    KhtmlOpacity: 0.95;
    opacity: 0.95; 
}

ul.rootnav ul ul 
{
    top: 0px;
    left: 100%;
}

ul.rootnav li:hover > ul 
{
    visibility: visible;
}

ul.rootnav a:link,
ul.rootnav a:visited 
{ 
    color: #000; 
    text-decoration: none; 
}

ul.rootnav a:hover 
{ 
    text-decoration: none; 
    background-color: #999999;
    color: #fff;    
}

ul.rootnav a:active 
{ 
    color: #fff; 
}

ul.rootnav ul li 
{
    background-color: transparent;
    color: #000;
    filter: none;
    float: none; 
}


ul.rootnav ul li:hover 
{
    background-color: transparent;
}

ul.rootnav ul a:link,
ul.rootnav ul a:visited 
{ 
    color: #fff; 
}

ul.rootnav ul a:hover 
{ 
    color: #fff; 
    text-decoration: none; 
}

ul.rootnav ul a:active 
{ 
    color: #fff; 
}

ul.rootnav *.dir 
{
    padding-right: 12px;
    background-image: none;
    background-position: 100% 50%;
    background-repeat: no-repeat;
}


ul.rootnav li a 
{
    display: block;
    padding: 8px 14px;
}
	
ul.rootnav li.dir 
{
    padding: 7px 20px 7px 14px;
}

ul.rootnav ul li.dir 
{
    padding-right: 15px;
}

ul.rootnav ul a 
{
    padding: 4px 5px 4px 14px;
    width: 151px; /* Especially for IE */
}

ul.rootnav ul a:hover 
{
    background-color: #999999;
}
 
ul.rootnav li:hover > a.dir 
{
    background-color: #999999;
    color: #fff;
}

ul.rootnav ul li:hover > a.dir 
{
	 background-color: #999999;
	 color: #fff;
}















.commonInput
{
    border: 1px solid #ccc;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    width: 300px;
    background-color: #f5f5f5;
    margin-bottom: 10px;
    height: 18px;
    color: #222;
    font-family: Arial;
    font-size: 15px;
    padding-left: 3px;
    padding-top: 2px;
    padding-bottom: 2px;
}
     
.commonTextarea
{
    border: 1px solid #ccc;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;        
    margin-bottom: 10px;    
    width: 500px;
    max-width: 500px;
    height: 150px;
    max-height: 150px;
    overflow:auto;
    font-size: 14px;
    font-family: monospace;
    background-color: #f5f5f5;
    color: #222;
    padding-left: 3px;
    padding-top: 3px;
} 

/**********************************************************
    BASIC STYLES
**********************************************************/

/*  thin headers */

.h1Thin
{
    color: #777777;
    font: 32px Verdana;
}

.h2Thin
{
    color: #ff0000;
    font: 28px Verdana; 
}

.h3Thin
{
    color: #777777;
    font: 24px Verdana; 
}

.h4Thin
{
    color: #777777;
    font: 20px Verdana; 
}

.h5Thin
{
    color: #777777;
    font: 16px Verdana; 
}

/* normal headers */

.h1Normal
{
    color: #777777;
    font: 32px Verdana;
}

.h2Normal
{
	color: #ff0000;
	font: 24px Verdana;
}

.h3Normal
{
    color: #777777;
    font: 24px Verdana; 
}

.h4Normal
{
    color: #777777;
    font: 20px Verdana; 
}

.h5Normal
{
    color: #777777;
    font: 16px Verdana; 
}


/* bold headers */

.h1Bold
{
    color: #777777;
    font: 32px Verdana;
}

.h2Bold
{
    color: #777777;
    font: 28px Verdana; 
}

.h3Bold
{
    color: #777777;
    font: 24px Verdana; 
}

.h4Bold
{
    color: #777777;
    font: 20px Verdana; 
}

.h5Bold
{
    color: #777777;
    font: 16px Verdana; 
}

/* list */

.ulBasic
{
    
}

.ulBasic li
{
   
    background-position: 0% 60%;
    background-repeat: no-repeat;
    list-style-image: none;
    list-style-type:none; 
    list-style-position:outside;
    font: 11px/14px Verdana;
    padding-left: 10px;
    margin-bottom: 3px;  
}