* {
    margin: 0;
}

html, body {
    font-family: Arial, Verdana, Helvetica;
    font-size: 11px;
    height: 100%;
    background-image:url(../img/topBg.jpg);
    background-repeat: repeat-x;
    background-color: #fff;
}

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

}
button.btn,
input.btn{
    float: left;
    background: #f1f3f5;
    border: 1px solid #dae0e4;
    color: #356ea8;
    height: 20px;
    margin: 15px 0 0 10px;
    padding: 0 20px 0 40px;
    behavior: url("iepngfix.htc"); 
    font-size: 11px;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
}


input.btn:hover{
    background-color: #ccc;
    color: #fff;
}
    input.back{
        background-image: url("../img/btnBack.png");
        background-repeat: no-repeat;
        behavior: url("iepngfix.htc"); 
        text-decoration: none;
        margin-left: 0; 
    }
    input.send{
        background-image: url("../img/btnSend.png");
        background-repeat: no-repeat;
        behavior: url("iepngfix.htc"); 
        margin-left: 0;
    }   

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

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

fieldset{
	border: 1px #ccc solid;
	padding: 15px 0 15px 0;
	margin: 0 0 15px 0;
}
legend{
	color: #888;
	margin: 0 10px 0 10px;
}

.errormessage{
	color: #CD0202;
	font-weight: bold;
	margin: 5px 0 5px 0;
}
.error-message {
    /* color: red; */
    padding-left: 384px;
}

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

div.text {
    clear: both;
    position: relative;
}

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

.checkboxlabel{
	float: left;
	clear: right;
	width: auto;
	font-weight: normal;
}
.checkbox{
    margin: 0 5px 0 20px;
    float: left;
    clear: left;
}
.radiobtn{
    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;
        behavior: url("iepngfix.htc");
    }
#header{
    float: left;
    clear: both;
    height: 220px;
    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;
        behavior: url("iepngfix.htc");
    }
    #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;
		
	}
    #login input.btn,
    #login button.btn{
    float: left;
    background: url("../img/btn.png") no-repeat;
    border:0;
    width: 118px;
    height: 23px;
    margin: 15px 0 0 0; 
    padding-left: 15px;
    }
    #forgotpwd{
        float: left;
        margin: 10px 0 0 10px;
    }


/* CENTER */
#middle {
    margin: 0px 0px 0px 5px;
    padding: 40px 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%;
	}
	
/*
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: #bbb;
	color: #fff;
}
#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;
}
	
	

/* 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 .btn{
        background-image: url("../img/btnSearch.png");
        background-repeat: no-repeat;
        behavior: url("iepngfix.htc"); 
    }   
    #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 0;
        height: auto;
        clear: both;
    }   
    #poll .btn{
        background-image: url("../img/btnSend.png");
        background-repeat: no-repeat;
        behavior: url("iepngfix.htc"); 
        clear: both;
        margin: 10px 0;
    }   
    #poll label{
        width: 200px;
    }
    #poll table {
        width: 98%;
        color: #999999;
    }
    #poll #total{
        text-align: center;
        color: #999999;
    }


/* 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 */

    behavior: url("iepngfix.htc"); 
}
#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 40px 30px 40px;
        behavior: url("iepngfix.htc");
    }
    #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;
        behavior: url("iepngfix.htc");
    }
    #footer #inside form h3{
        color: #fff;
        font-size: 24px;
        font-weight: normal;
        margin: 0 0 15px 0;
    }
    #footer #inside form span{
        color: #fff;
        font-size: 11px;
        font-weight: normal;
        margin: 0 0 15px 0;
    }   
    #footer #inside form .btn{
        background-image: url("../img/btnNewsletter.png");
        background-repeat: no-repeat;
        behavior: url("iepngfix.htc"); 
		margin-right: 0;
    }
    #footer #inside form input.txt{
        width: 140px;
        float: left;
        clear: none;
        margin: 15px 0 0 0;
    }
     #footer #inside #siteby{
    	float: left;
		margin: 108px 0 0 10px;
		color: #aaa;
		width: 80px;
		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;
	}