@charset "utf-8";
/* CSS Document */



body {
background-image:url(images/bggrad.jpg);
background-repeat:repeat-x;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}



#all {
width:800px;
margin:0px 20px 20px 20px;
}


#top {
background:url(images/frametop.png) no-repeat;
width:802px;
height:10px;
}


#main {
border-left:1px solid #7c7c7c;
border-right:1px solid #7c7c7c;
width:800px;
background:#FFFFFF;
text-align:left;
float:left;
}

#bottom {
background:url(images/framebottom.png)  no-repeat;
width:802px;
height:10px;
margin:0px 0px 20px 0px;
float:left;
}



#left {
float:left;
width:540px;
margin-left:15px;
}


#header {
width:540px;
height:100px;
padding-bottom:5px;
float:left;

}

#headtop {
width:540px;
height:70px;
background:url(images/header1.jpg);
}

#logo {
padding-top:30px;
padding-left:15px;
}

#topmenu {
width:530px;
height:30px;
padding: 0px 0px 0px 10px;
/* background:url(images/menutemp.jpg); */
}



a.greenBTN {float:left; background:url(images/greenon.jpg) no-repeat;}
a.greenBTN img {width:104px; height:25px; border:0px; background: top left no-repeat;}
a.greenBTN img {background-image: url(images/green.jpg);}
a.greenBTN:hover img {background-image: url(images/greenon.jpg);}


a.redBTN {float:left; background:url(images/redon.jpg) no-repeat;}
a.redBTN img {width:104px; height:25px; border:0px; background: top left no-repeat;}
a.redBTN img {background-image: url(images/red.jpg);}
a.redBTN:hover img {background-image: url(images/redon.jpg);}

a.blueBTN {float:left; background:url(images/blueon.jpg) no-repeat;}
a.blueBTN img {width:104px; height:25px; border:0px; background: top left no-repeat;}
a.blueBTN img {background-image: url(images/blue.jpg);}
a.blueBTN:hover img {background-image: url(images/blueon.jpg);}


a.purpleBTN {float:left; background:url(images/purpleon.jpg) no-repeat;}
a.purpleBTN img {width:104px; height:25px; border:0px; background: top left no-repeat;}
a.purpleBTN img {background-image: url(images/purple.jpg);}
a.purpleBTN:hover img {background-image: url(images/purpleon.jpg);}


a.orangeBTN {float:left; background:url(images/orangeon.jpg) no-repeat;}
a.orangeBTN img {width:104px; height:25px; border:0px; background: top left no-repeat;}
a.orangeBTN img {background-image: url(images/orange.jpg);}
a.orangeBTN:hover img {background-image: url(images/orangeon.jpg);}




#right {
float:left;
width:220px;

}


#members {
width:205px;
height:130px;
background:url(images/members.jpg) no-repeat;
padding: 35px 15px 0px 0px;
font: bold 12px Arial;
color:#FFFFFF;
text-align:right;
}


form {
padding:0px;
margin:0px;
}


input.inputField {
background:none;
border:0px none;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
width:102px;
margin:0px 0px 0px 10px;
}

.inputWraper {
width:200px;
height:25px;
background:url(images/input.png);
background-repeat:no-repeat;
background-position: top right;
padding:3px 10px 0px 0px;
}






.loginBTN {
display:block;
border:0px none;
width:46px;
height:20px;
background:url(images/loginbtn.png) no-repeat;
padding-top:25px;
color:#20558B;
}


.loginBTN:hover {
background:url(images/loginbtnon.png) no-repeat;
}

.loginMessage {
font: bold 10px Arial;
color:#FFFFFF;
text-align:left;
padding-left:12px;
}

.welc_user{
color:#FFFFFF;
padding-top:40px;
}






.mainbox {
font: bold 10px Arial;
color:#000000;
text-align:center;
float:left;
width:530px;
}
.main_header{
width:520px;
margin-left:10px;
float:left;
background:url(images/main_bg.jpg) #1B3C69 repeat-x;
height:27px;
position:relative;
color:#FFFFFF;
font-size:14px;
font-weight:bold;
border-bottom:#0d3358 1px solid;
}
.main_header_l{
float:left;
background:#1B3C69 url(images/main_left.jpg) no-repeat;
width:11px;
height:27px;
}
.main_header_r{
float:left;
position:absolute;
right:0px;
background:#1B3C69 url(images/main_right.jpg) no-repeat;
width:11px;
height:27px;
}
.main_header_text{
padding-top:6px;
padding-left:3px;
float:left;
}

.main_body{
width:508px;
margin-left:10px;
float:left;
border-left:1px solid #0d3358;
border-right:1px solid #0d3358;
border-bottom:1px solid #0d3358;
padding:0px 0px 10px 10px;
}

.main_img_cont{
float:left;
padding-right:10px;
}
.main_img_title{
padding-bottom:8px;
font-size:15px;
color:#FF0000;
font-weight:bold;
}
.main_body{
color:#1B3C69;
font-size:12px;
}
.main_boxes{
float:left;
width:500px;
padding-top:10px;
}

.offer_box{
float:left;
width:240px;
margin-right:10px;
}
.offer_box_header{
width:240px;
float:left;
background:url(images/main_bg.jpg) #1B3C69 repeat-x;
height:27px;
position:relative;
color:#FFFFFF;
font-size:14px;
font-weight:bold;
border-bottom:#0d3358 1px solid;
}
.offer_box_body{
float:left;
width:224px;
background:url(images/box_green_left.jpg) left repeat-y #B0E560;
border-right:#1B3C69 1px solid;
padding:5px 5px 5px 10px;
}
.offer_box_footer{
width:240px;
float:left;
background:url(images/box_green_bot_bg.jpg) #FFFFFF repeat-x;
height:19px;
position:relative;
}
.green_box_bot_right{
float:left;
width:14px;
height:19px;
background:url(images/box_green_bot_right.jpg) no-repeat;
position:absolute;
right:0px;
}
.offer_box2_body{
float:left;
width:224px;
background:url(images/box_blue_left.jpg) left repeat-y #52CCDD;
border-right:#1B3C69 1px solid;
padding:5px 5px 5px 10px;
}
.offer_box2_footer{
width:240px;
float:left;
background:url(images/box_blue_bot_bg.jpg) #FFFFFF repeat-x;
height:19px;
position:relative;
}
.blue_box_bot_right{
float:left;
width:14px;
height:19px;
background:url(images/box_blue_bot_right.jpg) no-repeat;
position:absolute;
right:0px;
}

.img_fl_left{
float:left;
padding-right:10px;
padding-bottom:5px;
}


/* registration */
.register_field{
padding-left:8px;
width:500px;
padding-top:10px;
float:left;
}
.reg_seperator{
margin-left:8px;
width:490px;
float:left;
border-bottom:1px solid #999999;
padding-top:20px;
margin-bottom:10px;
}
.reg_input{
float:left;
padding-right:8px;
}
.reg_input_f{
width:170px;
font-size:12px;
border:1px solid #333333;
}
.regist_button{
float:left;
padding-top:15px;
padding-bottom:10px;
padding-left:8px;
width:500px;
}

.input_area {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}



/* -- registration */


.surveys_body{
width:212px;
height:175px;
background:url(images/surveys_bg_long.jpg) no-repeat;
color:#FFFFFF;
padding:0px 12px 0px 13px;
}

.surveys_body_bot{
width:212px;
height:10px;
background:url(images/surveys_bg_bot.jpg) no-repeat;
color:#FFFFFF;
padding:0px 12px 20px 13px;
}

.conduct{
width:204px;
padding-left:3px;
}



.footer {
width:770px;
height:50px;
padding:15px 15px 5px 15px;
float:left;
}

.footmiddle {
float:left;
width:740px;
height:41px;
background-image:url(images/topbg.png);
background-repeat:repeat-x;
padding-top:12px;
text-align:center;
}

.footleft {
float:left;
width:13px;
height:51px;
background-image:url(images/topleft.png);
background-repeat:no-repeat;
}

.footright {
float:left;
width:13px;
height:51px;
background-image:url(images/topright.png);
background-repeat:no-repeat;
}

#bottommenu {
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
padding-top:5px;
}

a.Link {
color:#FFFFFF;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
}

a.Link:hover {
text-decoration:underline;
}

#contact_form{
padding-top:5px;
padding-bottom:10px;
}
#contact_form input {
border:1px solid #999999;
font-size:12px;
width:200px;
}
.field_entry {
padding-bottom:7px;
}
#contact_form textarea {
border:1px solid #999999;
font-size:12px;
height:70px;
width:470px;
}
.send{
color:#003366;
}
.comp_class_a{
color:#FFFFFF;
text-decoration:none;
}
.comp_class_a:hover{
color:#FFFFFF;
text-decoration:underline;
}



.comp_class_b{
color:#003366;
font-weight:bold;
text-decoration:none;
}
.comp_class_b:hover{
text-decoration:underline;
}

.surveyList {
padding:0px 0px 10px 0px;
margin:0px;
list-style:square;
}





.comp_date{
padding-top:10px;
padding-bottom:10px;
}
.comp_description{
padding-bottom:10px;
}
.q_div{
padding-top:10px;
}
.question_t{
padding-top:10px;
font-size:14px;
color:#FF0000;
font-weight:bold;
}
.progress_div{
float:left;
padding-top:10px;
width:500px;
}
.progress_bar{
float:left;
padding-top:2px;
padding-bottom:15px;
width:490px;
}
.progress_title{
font-weight:bold;
color:#003399;
padding-bottom:4px;
}
.progress_div a{
color:#006699;
text-decoration:none;
}
.progress_div a:hover{
color:#000066;
font-weight:bold;
text-decoration:underline;
}


/* Styling */
.default	{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;

}

.bold	{
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;

}
.bold_italic	{
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-style:italic;

}

.heading	{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
color:#c60019;
}

.subHeading	{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#3a6590;
font-weight:bold;
}