/* standard elements */

/*html {min-height: 100%;}*/



* {

	margin: 0;

	padding: 0;
	

}



a {color: #175072;}

a:hover {color: #FF7D00;}



img {

border: 0;

}

HR 
{ clear:both;}

body {

	background: #114054 url("/images/bg.jpg") repeat-x left bottom;

	color: #114054;

	font: normal 62.5% Tahoma,sans-serif;

}



p,code,ul {padding-bottom: 1.2em;}



li {list-style: none;}



h1 {

	font: normal 1.8em Tahoma,sans-serif;

	margin-bottom: 4px;

}


h1,h2,h3 {padding-top: 6px;}

/* misc */

.clearer {clear: both;}



.left {float: left;}



.right {float: right;}



/* structure */

.container {

	background-color:#f4f6f7;

	font-size: 1.2em;

	margin: 0 auto;

	padding: 0 10px 10px;

	width: 780px;
	/* clear:both; */

}



/* header */

.top {

	padding: 10px 10px 0;

}



/* title */

.header {

	background-color: #f4f6f7;

	font-size: 1.2em;

	min-height: 105px;

	margin: 0 auto;

	padding: 10px 10px 5px;

	width: 780px;

}

.header .left, .header .right {

	background-color: #333;

	color: #FFF;

	height: 105px;	

}

.header .left {

	background-color: #7dc677;

	font: normal 30pt "Agency FB",sans-serif;

	line-height: 85px;

	width: 564px;

	text-align: left;

	background-image: url("/images/bgheader_n.gif");

	background-repeat: repeat-x;

	

}

.header .right {

	overflow: auto;

	width: 212px;

	background-image: url("/images/bgheader_rn.gif");

	background-repeat: repeat-x;

	background-color: #ff6666;

}

.header .right p,.header .right h2 {padding: 0 10px;}

.header .right h2 {padding-top: 0px; font: normal 2.3em "Agency FB",sans-serif;}

.searchbar{
	width: auto;
	height: auto;	
	font: normal 12px "Tahoma",sans-serif;
	color: #fff;
	text-align:right;
	padding-right: 40px;
        padding-top: 15px;
	float:right;
        		
	}
.logo{
	font: normal 40px "Agency FB",sans-serif;        
	width: 200px;
	height:45px;
	clear:none;
	float:left;	
	}

.logo a {
	color: #fff;
        text-decoration: none;        
        }
  .logo a:hover {
	color: #000;
        text-decoration: none;        
        }

/* navigation */

.mainnav{		
  margin: 2px 1px ;/* auto 0px auto;*/								
  padding: 0px;
  padding-top: 30px;
  width: 560px;
  font: normal 12px "Tahoma",sans-serif;
  color:#FFF;
clear:both;  
}

.mainnav ul {
	margin: 0px;
	padding: 0px;
	display: inline;
	list-style-type: none;
}

.mainnav li {
	margin: 0px 0px 0px 2px;
	padding: 0px;
	float: left;
}

.mainnav a {
	margin: 0px;
	padding: 0px;
	color: #fff;	
	text-decoration: none;
}

.mainnav a:hover {
	color: #000;
	text-decoration:underline;	
}

.navigation {	

	background: #D9E1E5 url("/images/nav.jpg");
	border: 1px solid #ffffff;
	min-height: 41px;
	width: 780px;
}

.navigation a {

	background: transparent url("/images/nav.jpg") left top repeat-x;
	border-right: 1px solid #D8EBD8;
	color: #1C455E;
	display: block;
	float: left;
	font: bold 1.1em sans-serif;
	line-height: 41px;
	padding: 0 10px;
	text-decoration: none;

}

.navigation a:hover {

background: transparent url("/images/nav.jpg") left bottom; 

color: #1C455E;

}

.navsec {	

	background: #D9E1E5 url("/images/navsec.gif");
	border: 1px solid #ffffff;
	height: 23px;
	width: 778px;
}

.navsec ul {
	margin: 0px;
	padding: 0px;
	display: inline;
	list-style-type: none;
}

.navsec li {
	margin: 7px 0px 0px 7px;
	padding: 0px;
	float: left;
}


.navsec li a 
{
	font-weight: normal;
	word-spacing: -0.1em;
	color: #dce7ec;
	text-decoration:none;	
}

.navsec li a:hover, .navsec li a:focus 
{
	color: #000;
	text-decoration: underline;
	background-color: transparent;
	
}

/* main */

.main {

	border-top: 4px solid #FFF;

	background: url("/images/bgmain_n.gif") repeat-y;

}



/* sub navigation */

.sidenav {

	float: right;

	width: 210px;

}

.sidenav h2 {

	color: #1C455E;

	font-size: 1em;

	line-height: 30px;

	margin: 0;

	padding-left: 12px;

}

.sidenav ul {

	padding: 0;

	/*border-top: 1px solid #D8EBD8;*/
        border-top: 1px solid #f4f6f7;

}

.sidenav li {border-bottom: 1px solid #f4f6f7;}

.sidenav li a {

	font-size: 1.1em;

	/*color: #1C455E;*/
        color: #114054;

	display: block;

	padding: 8px 0 8px 5%;

	text-decoration: none;

	width: 95%;

}

.sidenav li a:hover {

	background-color: #EBF0F3;

	color: #2E7198;	

}

.cmnt {
	
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	background-color: #dce7ec; 
	/* background-color: #f1f6fa; */
        border-top-width: 1px;
	border-top-style: solid;
        border-top-color: #c0c7cd;
}

/* content */

.content {

	float: left;

	margin: 10px 0;

	padding: 0 16px;

	width: 531px;

}

.content .descr {

	color: #1C455E;

	font-size: 0.9em;

	margin-bottom: 6px;

}

.content li {

	margin-left: 18px;

}



.content .imgright {

padding: 5px;

border: 1px solid #ADD1E7;

margin-left: 4px;

float: right;

}



.content p

{

color: #9A9A9A;

}


.tutpanel {
	float: left;
	/*margin: 10px 0;
	/*padding: 0 16px;*/
	width: 518px;
	height: 138px;
	background: url("/images/tutpanel4.gif") no-repeat;
	clear:both;
}

.tutlbel {
	float: left;
	margin-left: 8px;
	/*margin: 0 0;
	padding: 0 16px;*/
	width: 518px;
	height: 20px;
	padding-top: 3px ;
	
	
}
.tutpanel .summary {
	float: left;
	width: 470px;
	padding-top: 10px;
	height: 86px;
}

.tutpanel .label {
	font:"Times New Roman", Times, serif;
	color:#990000;
	font-size: 1.0em;
	margin-bottom: 6px;
}
.tutpanel .title {
	font: bold 13px "Arial", Helvetica, sans-serif;	
	/*color:#0000CC;*/
	color:#0033CC;	
/*	margin-bottom: 6px;*/
	min-width: 405px;
	min-height: 20px;		
}

.tutpanel .title a {
color:#0033CC;
}
.tutpanel .title a:hover {
color:#000;
background-color: transparent;
}
.tutpanel .desc {	
	/*font:"Times New Roman", Times, serif;*/
	font: normal 12px "Arial", Helvetica, sans-serif;
	color:#000;
	/*font-size:12px;*/
	/*font-size: 1.3em;*/
	min-width: 405px;
	min-height: 40px;
	}

.tutpanel .thumb {
	padding: 5px;
	margin-left: 4px;
	float: left;
}
.tutpanel .tutnav {
	float:left;		
	font:Arial, Helvetica, sans-serif;
	color:#00c;	
	font-size: 1.1em;
	width: 405px;
	height:25px;
	padding-left: 63px;	
	clear:both;
	
}


/* footer */

.footer {

	background: url("/images/bgfooter_n.gif") repeat-x;

	color: #FFF;

	font: bold 1em sans-serif;

	line-height: 33px;

	text-align: center;
	clear:both;

}

.footer a,.footer a:hover {color: #FFF;}

.footnav{		
  /*margin: 2px 1px ;/* auto 0px auto;*/								
  padding-right: 5px;
  padding-top: 0px;
  /*width: 560px;*/
  font: normal 12px "Tahoma",sans-serif;
  color:#FFF;
  text-align: right;
/*clear:both;*/  
}
.footnav a {
	color: #fff;
        text-decoration: none;        
        }
  .footnav a:hover {
	color: #000;
        text-decoration: none;        
        }


fieldset {
  display: block;
  width: 255px;
  margin: 20px;
  padding: 10px;
  background-color: #eee;
}
fieldset > label {
  display: block;
  margin-bottom: 2px;
  font-weight: bold;
}


form#login_form {
  border: 1px solid #ccc;
  padding: 3px;
}
form#login_form label {
  font-size: 80%;
}
                                       
form#login_form input[type=text],
form#login_form input[type=password] {
  width: 150px;
}

a.admintools {
  font-size: 75%;
  margin-right: 3px;
  color: #333;
}



pre {
  background-color: #eee;
  padding: 10px;
  font-size: 11px;
}

a { color: #000; }
/*a:visited { color: #666; }*/
/*a:hover { color: #fff; background-color:#000; }*/

.fieldWithErrors {
  padding: 2px;
  background-color: red;
  display: table;
}

#errorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

div.uploadStatus {
  margin: 5px;
}

div.progressBar {
  margin: 5px;
}

div.progressBar div.border {
  background-color: #fff;
  border: 1px solid grey;
  width: 100%;
}

div.progressBar div.background {
  background-color: #333;
  height: 18px;
  width: 0%;
}
/*             styles for the star rater                */    
 
    .star-rating{
        list-style:none;
        margin: 0px;
        padding:0px;
        width: 150px;
        height: 30px;
        position: relative;
        background: url(/images/star_rating.gif) top left repeat-x;        
    }
    .star-rating li{
        padding:0px;
        margin:0px;
        /*\*/
        float: left;
        /* */
    }
    .star-rating li a{
        display:block;
        width:30px;
        height: 30px;
        text-decoration: none;
        text-indent: -9000px;
        z-index: 20;
        position: absolute;
        padding: 0px;
    }
    .star-rating li a:hover{
        background: url(/images/star_rating.gif) left center;
        z-index: 2;
        left: 0px;
        border:none;
    }
 
 .star-rating a:hover,  
 .star-rating a:active,  
 .star-rating a:focus{  
     background-position: center left;  
 }  
 .star-rating a.one-star{
        left: 0px;
    }
    .star-rating a.one-star:hover{
        width:30px;
    }
    .star-rating a.two-stars{
        left:30px;
    }
    .star-rating a.two-stars:hover{
        width: 60px;
    }
    .star-rating a.three-stars{
        left: 60px;
    }
    .star-rating a.three-stars:hover{
        width: 90px;
    }
    .star-rating a.four-stars{
        left: 90px;
    }    
    .star-rating a.four-stars:hover{
        width: 120px;
    }
    .star-rating a.five-stars{
        left: 120px;
    }
    .star-rating a.five-stars:hover{
        width: 150px;
    }
    .star-rating li.current-rating{
        background: url(/images/star_rating.gif) left bottom;
        position: absolute;
        height: 30px;
        display: block;
        text-indent: -9000px;
        z-index: 1;
    }
	
	div#contact_us {
		padding: 10px;
	}
	
	div#contact_us input {
		margin-top: 5px;
	}