* {
    margin: 0;
}

html, body {
    font-family: Trebuchet, Lucida Grande, Lucida Sans Unicode, sans-serif;
    font-size: 11px;
    height: 100%;
    background-image:url(../img/topBg.jpg);
    background-repeat: repeat-x;
    background-color: #fff;
    line-height: 15px;
}

h1,h2,h3,h4{
    font-family: Helvetica, Arial, sans-serif;
}

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

br{
    clear: both;
}

select, input, textarea {
    font:11px trebuchet,tahoma,Verdana, Arial Helvetica,sans-serif;
    float: left;
    margin: 0 4px 8px 0;
    border: 1px solid #999;
    width: 200px;
    padding: 5px 3px;
}
select.txt{
	width: auto;
}
textarea{
    height: 80px;

}  

input:focus,textarea:focus{
    background: #f5f5f5;
    border-color: #cc3333;
}

.checkbox {width: auto;    margin: 0 5px 5px 20px;
    float: left;
    clear: left;}
.checkbox input, .checkbox label{float: left;width: auto;}
.checkbox label {margin-left: 5px;}

label{
    float: left;
    width: 190px;
    text-align: right;
    margin: 0 15px 4px 0;
    color: #000;    
    height: 18px;
    color: #4276ab;
}

fieldset{
	border: 1px #ccc solid;
	padding: 15px 0 15px 0;
	margin: 0 0 15px 0;
	float: left;
	clear: both;
	width: 100%;
}
legend{
	color: #888;
	margin: 0 10px 0 10px;
}

.error-message{
	float: left;
	clear: right;
	color: red;
	margin: 0 0 8px 10px;
}
#login_error{clear: both;}

span.token img {
    border: none !important;
}

div.input {
    clear: both;
    position: relative;
    width: auto;
}

div.input img.ui-datepicker-trigger {
    position: absolute;
    left: 412px;
    top: 0px;
}

.radiobtn{
    float: left;
}
.submitbtn{clear: both;float: left;}


/* containers */ 
#container {
    position:relative;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    width:960px;
    margin: 0 auto -169px; /* the bottom margin is the negative value of the footer's height */
}

#badge{
	position: absolute;
	left: 670px;
	top: 16px;
}
	#badge img{
		border: 0;
	}

#language {
	
    float: left;
    clear: both;/*
	position: absolute;
	left: 100px;
	top: 0;*/
    height: 22px;
	z-index: 1000;
	width: 100%;
} 
    
    #language ul {
        float: right;
        margin: 0 80px 0 0;
    } 
    
    #language ul li{
        float:left;
        list-style-type:none;   
    }
                    
    #language a {
        float: left;
        text-decoration:none;
        font-size:10px;
        font-weight:bold;
        color: #fff;
        height: 22px;
        padding: 8px 13px 2px 13px;
        margin: 0;
    }     
    
    #language a:hover,#language a.active {
        float: left;
        color:#3a72aa;
        background: url("../img/langBg.png") no-repeat;
    }
#header{
    float: left;
    clear: both;
    height: 195px;
    width: 100%;
}
    #logo{
        float: left;
        margin-top: 0px;
    }
    #banner{
        float: left;
        width: 520px;
        height: 200px;
        background: transparent url("../img/bannerBg.png") no-repeat;
        padding: 41px 0 0 19px;
        margin: 0 37px 0 55px;
    }
    #login{
        margin:0;
        padding: 20px 0 0 0;
        width: 200px;
    }
    #login h3{
        font-size: 24px;
        color: #62c103;
        float: left;
        clear: both;
        margin:0 0 10px 0;
        width: 100%;
    }
    #login input.txt{
        width: 150px;
    }
	#login label{
		text-align: left;
		
	}
    #forgotpwd{
        float: left;
        margin: 10px 0 0 10px;
    }


/* CENTER */
#middle {
    margin: 0px 0px 0px 5px;
    padding: 10px 30px 20px 0px;
    float:left;
    width: 720px;
    background: url("../img/menuSideBg.jpg") no-repeat right top;
    min-height: 400px;
}

    #middle h2{
        margin: 0 0 20px 0;
		color: #666;
		text-transform: uppercase;
		font-family: Helvetica, Arial, sans-serif;
		font-weight: bold;
		font-size: 15px;
		letter-spacing: 0px;        
    }
    #middle p{
        font-size: 11px;
        width: auto;
    }
    #middle ul{
		margin: 0 0 20px 0;
	}
    #middle ul li{
		margin: 0 0 5px 0;
	}	
    #middle a.back{
        float: left;
        clear: both;
        margin: 10px 0 0 0;
        font-weight: bold;
        color: #336699;
        text-decoration: underline;
    }
    #middle a.back:hover{
        text-decoration: none;
    }
    #middle .middlebox{
		float: left;
		clear: both;
		width: 100%;
	}
	
    #middle img, #middle img.light {
		outline: 1px solid #ddd;
		border-top: 1px solid #fff;
		padding: 6px;
		background: #f0f0f0;
	}
	img.dark {
		outline: 1px solid #111;
		border-top: 1px solid #888;
		padding: 6px;
		background: #666;
	}	
	#middle .middlebox a {text-decoration: none;}
	#middle .middlebox a:hover {text-decoration: underline;}	
/*
TABLE LAYOUT
*/
#middle table {
	width: 500px;
	border-collapse: collapse;
	empty-cells: show;
	clear: both;
	margin: 0 0 20px 1px;
}
#middle table a{
	color: #4b3d1a;
}
#middle table a:hover{
	text-decoration: none;
}
#middle table p{
	margin: 0;
}
#middle caption {
	height: 35px;
	line-height: 35px;
	padding: 0 10px;
	font-size: 16px;
	text-align: left;
	margin-left:-1px;
	color: #000;
	background-color: #bbb;
}
#middle th, td  {
	font-size: 11px;
	padding: 5px 8px 5px 8px;
	background-color: transparent;
	color: #084e45;
	border: 1px solid #bbb;
	vertical-align: top;
}
#middle th {
	background-color: #fff;
	color: #000;
}
#middle th span, th a {
    background: transparent;	
    color: #333;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
}
#middle th a:hover, .current-sort {
	text-decoration: underline;
}

#filesUpload td{border: 0;}
	

/* HOMEPAGE */
.leftblock,.rightblock{
    float: left;
    width: 310px;
}   
.rightblock{
    margin-left: 50px;
}


/* SEARCHBOX ON HOMEPAGE */     
#search{
    float: left;
    width: 300px;
    margin-left: 50px;
    clear: right;
} 
    #search input.txt{
        width: 140px;
        float: left;
        clear: none;
        margin: 15px 0 0 0;
    }

    
/* POLL */
#poll{
    float: left;
    clear: left;
    width: 295px;
    padding: 0 0 10px 0;
    margin:0;
    height: auto;
}   
    #poll form{
        padding: 0 0 10px 10px;
        height: auto;
        clear: both;
    }   


  	#poll .title{float: left; clear: both;padding: 0 0 0 12px;margin: 0 0 10px 0}
	#poll ul{list-style-type: none;margin: 0 0 0 5px;padding: 0;width: 100%;}
	#poll ul li{margin: 0;float: left; clear: both;width: 100%;}
	#poll ul li input, #poll ul li label, #poll ul li textarea {float: left;text-align: left;width: auto;}
	#poll ul li textarea {clear: both; width: 80%;}


/* BOX BACKGROUND FOR GROUPS AND LISTS */   
.box{
    float: left;
    background: #f6f8f9 url("../img/boxBg.png") repeat-x;
    margin: 20px 0 20px 0;
    border: 1px solid #e0e5e8;
    padding:0;
    height: auto;
}
.box h2{
    padding: 12px 0 0 12px;
}



/* LIST */
.list{
    width: 100%;
    clear: both;
    float: left;
}

    .list ul{
        list-style-type: none;
        margin: 0;
        padding: 0;
                
    }
    .list ul li{
        margin: 0;
        padding: 0 0 4px 0;
        width: 100%;
    }
    .list ul li a{
        float: left;
        text-decoration: none;
        margin:0;
        padding: 5px 0 4px 0;
        width: 100%;
    }   
    .list ul li a:hover,.list ul li a.active{
        background: #fefefe;
        color: #356ea8;
        text-decoration: underline;
    }   
    .list ul li a span{
        float: left;
    }
    .list ul li a .date{
    	float: left;
        margin: 0 15px 0 12px;
    }
    .list ul li a .number{
    	float: left;
        margin: 0 15px 0 12px;
    }    
    .list ul li a .question{
    	width: 620px;
    	float: right;
    }    
    

#searchlist li a span{
	padding-left: 4px;
	float: left;
	clear: both;
}
#searchlist li a .searchtitle{
	color: #999; 
}
#searchlist li a .searchdescr{
	color: #333;
}



/* GROUPS */
.group{
    background: #f8fafb url("../img/groupBg.png") repeat-x;
    padding: 14px;
    border: 1px solid #e0e5e8;  
    width: 275px;
    float: left;
    margin: 0 25px 11px 0;
    text-decoration: none;  
}
.group:hover{
    background: #e9ecef url("../img/groupBg_hover.png") repeat-x; 
}
.group span.grouptitle{
    color: #4276ab;
    font-size: 16px;
    font-weight: bold;
    float: left;
    clear: both;
    margin:0 0 5px 0;
}
.group span.groupinfo{
    color: #333;
    font-size: 11px;
    float: left;
    clear: both;
    margin:0;
    width: 100%;
}

.grouptitle{
    font-size: 16px;
    margin: 25px 0 0 0;
    color: #4276ab;
}



/* DOWNLOADS */
.icon{
    padding:0 15px 0 10px;
}
.icon img{
	border: 0;
}
.downloadname{
	padding: 6px 0 0 0;
}
.list ul li a span.filesize{
    float: right;
    margin-right: 20px;
}


/* PRODUCTS + JOBS */
#products,#jobs{
    width:250px;    
}
#products ul li a span,#jobs ul li a span{
    padding: 1px 10px 1px 10px;
}



/* GENERAL PAGE LAYOUT */
.breadcrumb,.breadcrumb a{
    color: #999;
    margin: 0 0 20px 0;
}
.breadcrumb a:hover{
    text-decoration: none;
}

.pagetext{
    margin: 20px 0 10px 0;
    float: left;
    clear: both;
    width: 100%;
    color: #666;
    font-size: 11px;
}
.pagetext p{
	margin: 0 0 10px 0;
}


/* CONTACT */
#contact{
    margin: 20px 0 20px 0;  
}
#contact p{
	float: left;
	clear: both;
	margin: 10px 0 10px 205px;
	color: #999;
}


/* FOOTER + HELPERS */
.push {
    height: 169px; /* .push must be the same height as .footer */
    clear:left;
}

#footer {   
    background: #4276ab url("../img/footerBg.jpg") repeat-x;
    height: 169px; /* .push must be the same height as .footer */
}
#footer #inside{
    position:relative;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    width: 840px;
    margin: 0 auto -169px;  
}

    #footer #inside p{
        color: #fff;
        font-size: 12px;
        background: url("../img/vertStripe.png") no-repeat top right;
        float:left;
        height: 100%;
        margin: 30px 0 0 0;
        padding: 0 35px 30px 40px;
    }
    #footer #inside p a{
        color: #fff;
        text-decoration: none;
        float: left;
        clear:both;
    }
    #footer #inside p a:hover{
        color: #ccc;
    }   
    #footer #inside form{
        color: #fff;
        font-size: 12px;
        background: url("../img/vertStripe.png") no-repeat top right;
        float:left;
        width: 300px;
        height: 100%;
        margin: 30px 0px 0 0;
        padding: 0 0 30px 30px;
    }
    #footer #inside form h3{
        color: #fff;
        font-size: 24px;
        font-weight: normal;
        margin: 0 0 15px 0;
    }
    #footer #inside form span{
        font-size: 11px;
        font-weight: normal;
        margin: 0 0 15px 0;
    }   
    #footer #inside form input.txt{
        width: 140px;
        float: left;
        clear: none;
        margin: 15px 0 0 0;
    }
    #footer #inside .submitbtn{margin: 15px 0 0 5px; clear: none;}
     #footer #inside #siteby{
    	float: left;
		margin: 108px 0 0 10px;
		color: #aaa;
		width: 70px;
		text-decoration: none;
	}  
    #footer #inside #developer{
    	float: left;
		margin: 0;
		padding: 0;
		color: #fff;
		font-size: 12px;
		text-decoration: none;
	}
    #footer #inside #developer:hover{
		text-decoration: underline;
	}	
	.clear {
	    clear: both;
	}
	
	/* PAGING */
#paging{
	margin: 5px 0 50px 0;
}
#paging span{
	margin: 0 5px 0 0;
	border: 1px solid #c0cfd7;
	border-width: 0 1px 0 0;
	padding-right: 7px;
}
#paging a{
	
}
#paging a:hover{
	text-decoration: none;
}
#paging .current{
	font-weight: bold;
	font-size: 13px;
}

.total{
	text-align: right;
	font-weight: bold;
}


#middle .tablesorter {
	min-width: 550px;
	margin-top:       20px;
	font-size:        10px;
	background-color: #fff;
	border:           1px solid #999;
	border-collapse: collapse;
}
#middle .tablesorter th {
	text-align:       left;
	padding:          0px 10px 10px 2px;
	background-color: #fff;
	cursor:           pointer;
	border: 0;
	color: #333;
}
table.tablesorter td {
	color:   #000;
	padding: 5px 2px;
}
table.tablesorter .even {
	background-color: #fff;
}
table.tablesorter .odd {
	background-color: #eee;
}
table.tablesorter .header {
	background-image:  url(/img/bg.png);
	background-repeat: no-repeat;
	background-position: top right;
/*
	border-left:       1px solid #FFF;
	border-right:      1px solid #000;
	border-top:        1px solid #FFF;
*/
	padding-right:      20px;
	padding-top:       2px;
	height:            auto;
}
table.tablesorter .headerSortUp {
	background-image:  url(/img/asc.png);
	background-repeat: no-repeat;
}
table.tablesorter .headerSortDown {
	background-image:  url(/img/desc.png);
	background-repeat: no-repeat;
}
.no-planning{
	margin-top: 15px;
}

.crumb{margin: 0 0 25px 0}
.form_info{float: left;clear: both;display: block;margin: 3px 0 0 5px;color: #aaa}