*{
padding: 0;
margin: 0;
}
.clr{
clear: both;
}
img{
border: 0;
}
body{
background: url(../img/bodybg.png) no-repeat top center #000033;
font: normal 14px "Arial", Verdana, Tahoma, Sans-serif;
color: #000;
}
a, a:active, a:visited{
text-decoration: none;
color: #4d5d86;
}
a:hover{
text-decoration: none;
color: #000033;
}
.offscreen {
position: absolute;
left: -999999px;
top: -9999px;
width: 1px;
height: 1px;
overflow: hidden;
}
.default {
color:#999 !important;
}
#wrap{
background: #fff;
width: 975px;
margin: 195px auto 0 auto;
padding: 25px 0 0 0;
position: relative;
}
.stars{
background: url(../img/stars.png) no-repeat top left;
width: 433px;
height: 222px;
position: absolute;
top: -163px;
right: -150px;
z-index: 10;
}
#menu{
position: absolute;
top: -28px;
left: -13px;
font: normal 13px "Arial", Verdana, Tahoma, Sans-serif;
color: #4d5d86;
}
#menu li{
display: inline;
margin-left: 11px;
list-style: none;
}
a.m1, a.m2, a.m3, a.m4, a.m5, a.m6{ color: #b4b4c8; text-decoration: none; padding-right: 11px;}
a:hover.m1, a:hover.m2, a:hover.m3, a:hover.m4, a:hover.m5, a:hover.m6{ color: #fff; text-decoration: none;}
a#o1, a#o2, a#o3, a#o4, a#o5, a#o6{ color: #feec50; text-decoration: none;}

.spacer{
width: 900px;
height: 10px;
float: left;}

/* Content */
#wrap h6{
width: 540px;
float: left;
font: normal 16px "Arial", Verdana, Tahoma, Sans-serif;
color: #001751;
margin: -15px 0 12px 20px;
}
#wrap .col1 h5{
width: 900px;
float: left;
font: normal 15px "Arial", Verdana, Tahoma, Sans-serif;
color: #001751;
}
#toph{
margin-top: -20px;
}
#red{
color: #a70400;
}
.col1{
background: #ececec;
width: 897px;
position: relative;
margin:0 0 20px 20px;
padding: 10px 20px;
float: left;
}
.col1 .top{
background: url(../img/col1_top.png) no-repeat top left #ececec;
position: relative;
display: block;
height: 14px;
width: 937px;
top: -16px;
left: -20px;
overflow: hidden;
}
.col1 .bottom{
background: url(../img/col1_bottom.png) no-repeat bottom left;
position: absolute;
display: block;
height: 14px;
width: 937px;
bottom: 0;
left: 0;
overflow: hidden;
}
.h650{
background: url(../img/col_650.png) repeat-x left center #ececec;
min-height: 650px;
}
.h475{
background: url(../img/col_475.png) repeat-x left center #ececec;
min-height: 475px;
}
.h300{
background: url(../img/col_300.png) repeat-x left center #ececec;
min-height: 300px;
}
.h175{
background: url(../img/col_175.png) repeat-x left center #ececec;
min-height: 175px;
}
.img1_bg{
background: url(../img/img1_bg.png) no-repeat bottom left;
width: 394px;
float: left;
clear: both;
margin-left: 5px;
padding: 10px 38px 30px 15px;
border-right: 1px solid #ccd1dc;
}
.img2_bg{
background: url(../img/img2_bg.png) no-repeat bottom left;
width: 196px;
height: 108px;
float: left;
padding: 7px 55px 15px 8px;
margin-bottom: 10px;
}
.img3_bg{
background: url(../img/img3_bg.png) no-repeat bottom left;
width: 69px;
height: 45px;
float: left;
padding: 3px 8px 8px 5px;
margin: 13px 0 0 15px;
display: inline;
}
.img3_bg2{
background: url(../img/img3_bg.png) no-repeat bottom left;
width: 69px;
height: 45px;
float: left;
padding: 3px 8px 8px 5px;
margin: 0 10px 10px 0;
display: inline;
filter:alpha(opacity=50); /* for IE */
opacity:0.5;
-moz-opacity:0.5;
}
a:hover .img3_bg2, .img3_bg2active{
background: url(../img/img3_bg.png) no-repeat bottom left;
width: 69px;
height: 45px;
float: left;
padding: 3px 8px 8px 5px;
margin: 0 10px 10px 0;
display: inline;
filter:alpha(opacity=100); /* for IE */
opacity:1;
-moz-opacity:1; 
}
.img4_bg{
background: url(../img/img4_bg.png) no-repeat bottom left;
width: 43px;
height: 50px;
float: left;
padding: 3px 3px 8px 3px;
margin: 15px 0 0 15px;
display: inline;
}
.img5_bg{
background: url(../img/img5_bg.png) no-repeat bottom left;
width: 373px;
height: 132px;
float: left;
padding: 15px 15px 32px 15px;
margin-bottom: 7px;
}
.img6_bg{
background: url(../img/img6_bg.png) no-repeat top left;
width: 63px;
height: 37px;
float: left;
padding: 5px 14px 25px 14px;
margin: 15px 0 0 15px;
display: inline;
}
.img7_bg{
background: url(../img/img7_bg.png) no-repeat bottom left;
width: 137px;
height: 164px;
float: left;
padding: 8px 38px 23px 12px;
margin-bottom: 7px;
border-right: 1px solid #ccd1dc;
}
.img_avatar{
background: url(../img/img3_bg.png) no-repeat bottom left;
width: 68px;
height: 81px;
float: left;
padding: 4px 8px 8px 5px;
margin: 0 0 0 10px;
display: inline;
}
.img_doc{
float: left;
margin: 10px 0 0 15px;
}
.img_vid_big{
float: left;
padding: 10px 38px 30px 15px;
border-right: 1px solid #ccd1dc;
}
.img_doc_big{
float: left;
padding: 10px 38px 30px 15px;
border-right: 1px solid #ccd1dc ;
}
.left{
float: left;
display: inline;
margin-bottom: 20px;
}

/* Right Topdiv */
.right{
width: 412px;
float: left;
margin: 0 0 0 27px;
padding-top: 25px;
display: inline;
}
.r_video{
width: 418px;
}
#videobox {
width:640px;
height:360px;
background-color:#000;
}
.r_docs{
width: 660px;
}
.right h1{
font: normal 28px "Arial", Verdana, Tahoma, Sans-serif;
color: #001751;
margin-bottom: 7px;
}
.right h2{
font: normal 16px "Arial", Verdana, Tahoma, Sans-serif;
color: #4d5d86;
margin-bottom: 12px;
}
.right h3{
font: normal 14px "Arial", Verdana, Tahoma, Sans-serif;
color: #a70400;
margin: -8px 0 12px 0;
}
.right p{
font: normal 13px "Arial", Verdana, Tahoma, Sans-serif;
color: #4d5d86;
margin-bottom: 12px;
line-height: 18px;
text-align: justify;
}
.right ul{
width: 390px;
float: left;
margin: 0 0 12px 18px;
font: normal 13px "Arial", Verdana, Tahoma, Sans-serif;
color: #4d5d86;
}
.right ul li{
list-style: disc;
}
.right .video{
margin: 0 0 0 -10px;
float: left;
}
.vidtext{
width: 270px;
float: left;
display: inline;
position: relative;
margin: 8px 0 8px 0;
}
.vidtext h1{
font: normal 13px "Arial", Verdana, Tahoma, Sans-serif;
float: left;
color: #001751;
margin: 0 0 4px 0;
width: 270px;
}
.right .vidtextlink{
font: normal 11px "Arial", Verdana, Tahoma, Sans-serif;
float: left;
margin: 7px 0 4px 0;
}
.vidtext h2 span{
color: #001751;
}
.vidtext a{
background: url(../img/arrow_small_bg.png) no-repeat center right;
font: normal 11px "Arial", Verdana, Tahoma, Sans-serif;
color: #4d5d86;
text-decoration: none;
display: inline;
padding-right: 20px;
margin-bottom: 8px;
}
.vidtext a:hover{
background: url(../img/arrow_small_hover_bg.png) no-repeat center right;
color: #000033;
}
.right .photowrap{
width: 400px;
height: 170px;
float: left;
display: inline;
overflow: hidden;
}

/* Cols */
.col2{
width: 920px;
height: 239px;
float: left;
margin: 0 0 20px 0;
clear: both;
}
.col2 .innerdiv{
background: url(../img/col2_div_bg.png) no-repeat top left;
width: 261px;
height: 208px;
float: left;
padding: 15px 15px;
margin: 0 13px 15px 0;
display: inline;
}
.col2 .innerdiv:hover{
background: url(../img/col2_div_bg.png) no-repeat top left;
background-position: 0 -239px;
}
.col2 .innerdiv h2, .col2 .innerdiv2 h2{
background: url(../img/arrow_bg.png) no-repeat center right;
font: normal 16px "Arial", Verdana, Tahoma, Sans-serif;
color: #001751;
margin-bottom: 8px;
padding-right: 20px;
float: left;
display: inline;
}
.col2 .innerdiv:hover h2, .col2 .innerdiv2:hover h2{
background: url(../img/arrow_hover_bg.png) no-repeat center right;
}
.col2 .innerdiv p{
width: 255px;
font: normal 12px "Arial", Verdana, Tahoma, Sans-serif;
color: #4d5d86;
float: left;
}
.col2 .innerdiv2{
background: url(../img/col2_div_bg2.png) no-repeat top left;
width: 417px;
height: 206px;
float: left;
padding: 15px 15px;
margin: 0 13px 15px 0;
display: inline;
}
.col2 .innerdiv2:hover{
background: url(../img/col2_div_bg2.png) no-repeat top left;
background-position: 0 -237px;
}
.col3{
background: url(../img/col3_div_bg.png) no-repeat top left;
width: 900px;
height: 131px;
margin-bottom: 20px;
position: relative;
float: left;
}
.col3:hover{
background: url(../img/col3_div_bg.png) no-repeat top left;
background-position: 0 -131px;
}
.col3 .left_img{
position: absolute;
top: 15px;
left: 18px;
}
.col3 h2{
font: normal 16px "Arial", Verdana, Tahoma, Sans-serif;
color: #001751;
margin: 25px 0 4px 210px;
float: left;
display: inline;
}
.col3 p{
font: normal 13px "Arial", Verdana, Tahoma, Sans-serif;
color: #4d5d86;
width: 540px;
float: left;
display: inline;
margin: 0 0 0 210px;
}
.col3 .readmore{
background: url(../img/arrow_small_bg.png) no-repeat center right;
font: normal 12px "Arial", Verdana, Tahoma, Sans-serif;
color: #4d5d86;
text-decoration: none;
padding-right: 20px;
position: absolute;
bottom: 10px;
right: 20px;
}
.col3:hover .readmore, .col1 .reply_comment:hover{
background: url(../img/arrow_small_hover_bg.png) no-repeat center right;
color: #000033;
}
.col4, .col6{
background: url(../img/col4_div_bg.png) no-repeat top left;
width: 900px;
height: 102px;
position: relative;
margin: 5px 0 20px 0;
float: left;
}
.col4 h1{
width: 432px;
font: normal 14px "Arial", Verdana, Tahoma, Sans-serif;
color: #001751;
float: left;
display: inline;
margin: 15px 0 10px 15px;
}
.col4 ul{
height: 65px;
width: 175px;
padding: 15px 0 0 40px;
margin-top: 10px;
float: left;
border-left: 1px solid #ccd1dc;
}
.col4 li{
list-style: none;
font: normal 12px "Arial", Verdana, Tahoma, Sans-serif;
color: #4d5d86;
margin-bottom: 3px;
}
.col4 .indent{
margin-left: 12px; 
}
.col5{
background: url(../img/col5_div_bg.png) no-repeat top left;
width: 900px;
height: 162px;
margin: 5px 0 20px 0;
float: left;
}
.col5 h1{
width: 460px;
font: normal 14px "Arial", Verdana, Tahoma, Sans-serif;
color: #001751;
float: left;
margin-bottom: 8px;
}
.col5 p{
font: normal 11px "Arial", Verdana, Tahoma, Sans-serif;
color: #001751;
float: left;
margin-bottom: 8px;
}
.col5 .leftwrap{
width: 450px;
height: 102px;
float: left;
display: inline;
margin: 15px 0 10px 15px;
}
.col5 form{
width: 390px;
float: left;
margin: 40px 0 0 15px;
}
.col8{
background: url(../img/col8_div_bg.png) no-repeat top left;
width: 900px;
height: 194px;
margin: 5px 0 20px 0;
float: left;
}
.col8 form{
margin-top: 12px;
}
.col8 .personal{
width: 420px;
float: left;
margin: 10px 3px 2px 15px;
}
.col7{
background: url(../img/col7_div_bg.png) no-repeat top left;
width: 900px;
height: 294px;
margin: 5px 0 20px 0;
float: left;
}
.pic_avatar{
width: 950px;
margin: 20px 0 0 15px;
}
.pic_avatar li{
width: 100px;
height: 125px;
margin: 0 10px 7px 0;
float: left;
display: inline;
text-align: center;
}
.check_ava{
margin-top: 10px;
}
#wrap .save{
margin: -4px 20px 12px 0;
}
.feedback{
width: 900px;
margin-top: -10px;
}
.feedback h2{
width: 900px;
font: normal 14px "Arial", Verdana, Tahoma, Sans-serif;
color: #001751;
float: left;
margin-bottom: 8px;
}
.feedback p{
width: 387px;
font: normal 11px "Arial", Verdana, Tahoma, Sans-serif;
color: #001751;
float: left;
margin-bottom: 10px;
}
.colfooter1{
width: 900px;
height: 82px;
margin: 0 0 0 0;
position: relative;
float: left;
}
.colfooter1 li{
display: inline;
list-style: none;
}
.cf1, .cf2{
background: url(../img/colfooter1_bg.png) no-repeat top left;
height: 52px;
display: block;
float: left;
overflow: hidden;
padding: 15px;
}
a.cf1 { background-position: 0 0; width: 267px; text-decoration: none;}
li.cf2 { background-position: -297px 0; width: 572px; }

a:hover.cf1 { background-position: 0 -81px; text-decoration: none;}
li:hover.cf2 { background-position: -297px -81px;}

.colfooter1 a h2, .colfooter1 li h2, .colfooter2 a h2{
background: url(../img/arrow_small_bg.png) no-repeat center right;
font: normal 12px "Arial", Verdana, Tahoma, Sans-serif;
color: #001751;
text-decoration: none;
display: inline;
padding-right: 20px;
margin-bottom: 8px;
}
.colfooter1 a:hover h2, .colfooter1 li:hover h2, .colfooter2 a:hover h2{
background: url(../img/arrow_small_hover_bg.png) no-repeat center right;
}
.colfooter1 p, .colfooter2 a p{
width: 270px;
font: normal 12px "Arial", Verdana, Tahoma, Sans-serif;
color: #4d5d86;
margin-top: 5px;
}
.colfooter2{
width: 939px;
height: 83px;
float: left;
position: relative;
margin: 0 0 20px 20px;
}
.colfooter2 li{
display: inline;
list-style: none;
}
.cf8, .cf9, .cf10{
background: url(../img/colfooter2_bg.png) no-repeat top left;
height: 53px;
display: block;
float: left;
overflow: hidden;
padding: 15px;
}

a.cf8 { background-position: 0 0; width: 284px;}
a.cf9 { background-position: -314px 0; width: 281px; }
a.cf10 { background-position: -625px 0; width: 283px; }

a:hover.cf8 { background-position: 0 -83px;}
a:hover.cf9 { background-position: -314px -83px;}
a:hover.cf10 { background-position: -625px -83px;}

.cf2menu{
width:320px;
position: absolute;
top: 4px;
right: 0px;
}
.cf2menu li{
display: inline;
list-style: none;
}
.cf3, .cf4, .cf5, .cf6{
background: url(../img/cf2menu_bg.png) no-repeat top left;
height: 75px;
display: block;
float: left;
margin-left: 10px;
overflow: hidden;
}
.cf2menu a span {
display: none;
}

a.cf3 { background-position: 0 0; width: 55px;}
a.cf4 { background-position: -300px 0; width: 75px; } /* -55px; */
a.cf5 { background-position: -130px 0; width: 66px; }
a.cf6 { background-position: -195px 0; width: 72px; }

a:hover.cf3 { background-position: 0 -74px;}
a:hover.cf4 { background-position: -300px -74px;}
a:hover.cf5 { background-position: -130px -74px;}
a:hover.cf6 { background-position: -195px -74px;}

.colfooter3{
width: 900px;
height: 83px;
margin: 6px 0 15px 0;
float: left;
}
.colfooter3 h2{
width: 145px;
font: normal 13px "Arial", Verdana, Tahoma, Sans-serif;
color: #001751;
float: left;
margin: 15px 0 2px 10px;
}
.colfooter3 h3{
width: 145px;
font: normal 11px "Arial", Verdana, Tahoma, Sans-serif;
color: #7f8ba8;
float: left;
margin-left: 10px;
}
.colfooter3 li{
display: inline;
list-style: none;
}
.cf11, .cf12, .cf13{
background: url(../img/colfooter3_bg.png) no-repeat top left;
height: 83px;
display: block;
float: left;
overflow: hidden;
}
a.cf11 { background-position: 0 0; width: 301px;}
a.cf12 { background-position: -301px 0; width: 298px; }
a.cf13 { background-position: -599px 0; width: 300px; }

a:hover.cf11 { background-position: 0 -83px;}
a:hover.cf12 { background-position: -301px -83px;}
a:hover.cf13 { background-position: -599px -83px;}

/* Slider */
.slider{
width: 850px;
height: 80px;
float: left;
white-space: nowrap;
overflow: hidden;
margin: 8px 0 0 25px;
}
.sliderul{
height: 78px;
float: left;
}
.slider li{
height: 80px;
float: left;
list-style: none;
display: inline;
border-left: 1px solid #ccd1dc;
}
a.cf14{
width: 231px;
height: 68px;
display: block;
float: left;
padding: 10px 0 0 7px;
}
a.cf15{
background: url(../img/slider_video_bg.png) no-repeat top left;
width: 286px;
height: 75px;
display: block;
float: left;
padding: 10px 0 0 7px;
}
a.cf15:hover{
background: url(../img/slider_video_bg.png) no-repeat top left;
background-position: 0 -80px;
}
.sliderwrap{
width: 100px;
height: 85px;
float: left;
margin: -13px 0 0 -10px;
}
.sliderspace{
width: 100px;
height: 60px;
float: left;
margin: 13px 0 0 15px;
}
.col6 .slid_left{
background: url(../img/arrow_slider_bg.png) no-repeat top left;
background-position: 0 -26px;
width: 28px;
height: 26px;
position: absolute;
top: 37px;
left: -12px;
}
.col6 .slid_left:hover{
background: url(../img/arrow_slider_bg.png) no-repeat top left;
}
.col6 .slid_right{
background: url(../img/arrow_slider_bg.png) no-repeat top left;
background-position: -28px -26px;
width: 28px;
height: 26px;
position: absolute;
top: 37px;
right: -12px;
}
.col6 .slid_right:hover{
background: url(../img/arrow_slider_bg.png) no-repeat top left;
background-position: -28px 0
}

/* Breadcrumbs */
.breadcrumbs{
font: normal 11px "Arial", Verdana, Tahoma, Sans-serif;
color: #bfc5d3;
margin: 0 0 0 15px;
display: inline;
}
.breadcrumbs li{
display: inline;
list-style: none;
}
.breadcrumbs a{
padding: 0 6px;
text-decoration: none;
color: #99a2b9;
}
.breadcrumbs a:hover{
padding: 0 6px;
text-decoration: none;
color: #000033;
}
.breadcrumbs .breadactive{
padding: 0 6px;
text-decoration: none;
color: #a70400;
}
.breadcrumbs .breadactive:hover{
padding: 0 6px;
text-decoration: none;
color: #a70400;
cursor: default;
}

/* Paging */
.paging{
width: 390px;
position: relative;
float: right;
margin: -10px 20px 20px 0;
}
#popupright .pagepop{
width: 200px;
margin: 15px 20px 0 0;
}
.right_paging{
width: 403px;
position: relative;
float: left;
display: inline;
margin: 10px 20px 0 0;
}
.right_pager{
font: normal 12px "Arial", Verdana, Tahoma, Sans-serif;
color: #99a2b9;
position: absolute;
top: 0;
left: 0;
}
.pager{
font: normal 12px "Arial", Verdana, Tahoma, Sans-serif;
color: #99a2b9;
position: absolute;
top: 0;
right: 0;
white-space:nowrap;
}
.pager li, .right_pager li{
display: inline;
list-style: none;
}
.pager a, .pager a:active, .pager a:visited, .right_pager a, .right_pager a:active, .right_pager a:visited{
padding: 0 6px;
text-decoration: none;
color: #99a2b9;
}
.pager a:hover, .paging .pager .pageractive, .right_pager a:hover, .right_paging .right_pager .pageractive{
padding: 0 6px;
text-decoration: none;
color: #000033;
}

/* General Comments */

.post{
background: url(../img/norml_post_bg.png) no-repeat top left;
width: 894px;
position: relative;
margin-bottom: 20px;
padding-bottom: 7px;
}
.post span{
background: url(../img/norml_post_bottom_bg.png) no-repeat bottom left;
width: 894px;
height: 12px;
display: block;
position: absolute;
bottom: -8px;
left: 0;
}
.post a.replycomment{
background: url(../img/arrow_small_bg.png) no-repeat center right;
font: normal 12px "Arial", Verdana, Tahoma, Sans-serif;
color: #4d5d86;
text-decoration: none;
padding-right: 20px;
position: absolute;
bottom: 21px;
right: 15px;
/* float: right;
margin: 8px 0 15px 0; */
}
.post.reply a.replycomment{
/*margin: 8px 0 15px 0;*/
bottom: 20px;
}
.post.reply.last a.replycomment{
bottom: 15px;
/*margin: 8px 0 0px 0;*/
}
.post.single a.replycomment{
bottom: 8px;
/*margin: 8px 0 0 0;*/
}
.bill span{
background: url(../img/billg_post_bottom_bg.png) no-repeat bottom left;
}
.bill{
background: url(../img/billg_post_bg.png) no-repeat top left;
}
.reply{
background: url(../img/reply_normal_bg.png) no-repeat bottom left;
border-top: 1px solid #e4e4e4;
margin-top: -30px;
}
.reply .namewrap{
background: url(../img/arrow_comment.png) no-repeat top left;
padding-left: 20px;
}
.reply .textwrap{
width: 640px;
}
.reply span{
display: none;
}
.reply.bill{
background: url(../img/billg_reply_bg.png) no-repeat bottom left;
border-top: 1px solid #e4e4e4;
margin-top: -30px;
}
.reply.bill .namewrap{
background: url(../img/arrow_comment.png) no-repeat top left;
padding-left: 20px;
}
.reply.bill .textwrap{
width: 640px;
}
.reply.bill span{
display: none;
}
.last{
margin-bottom: 15px;
padding-bottom: 7px;
}
.last .textwrap{
margin-bottom: 6px;
}
.namewrap{
width: 200px;
float: left;
margin: 15px 0 0 15px;
}
.namewrap h2{
font: normal 14px "Arial", Verdana, Tahoma, Sans-serif;
color: #001751;
margin-bottom: 5px;
}
.namewrap h3{
font: normal 12px "Arial", Verdana, Tahoma, Sans-serif;
color: #7f8ba8;
}
.textwrap{
width: 660px;
float: left;
margin-top: 15px;
min-height:80px;/* toegevoegd door bob omdat wrap (float left?) niet goed ging */
}
.textwrap p{
font: normal 12px "Arial", Verdana, Tahoma, Sans-serif;
color: #4d5d86;
padding: 0 0 40px 25px;
border-left: 1px solid #ccc;
}
.cmnt{
margin: 0 10px 0 0;
}
/* .col1 .bpadding{
padding-bottom: 15px;
}
.col1 .nbg{
background: url(../img/reply_normal_bg.png) no-repeat bottom left;
background-position: 0 -0;
}
.col1 .spann{
display: none;
}
.post_bilg{
background: url(../img/billg_post_bg.png) no-repeat top left;
width: 894px;
position: relative;

}
.post_bilg_bottom{
background: url(../img/billg_post_bottom_bg.png) no-repeat bottom left;
width: 894px;
height: 12px;
display: block;
position: absolute;
bottom: -8px;
left: 0;
}
.post_norml{
background: url(../img/norml_post_bg.png) no-repeat top left;
width: 894px;
min-height: 103px;
position: relative;
margin-bottom: 30px;
padding-bottom: 13px;
}
.post_norml_bottom{
background: url(../img/norml_post_bottom_bg.png) no-repeat bottom left;
width: 894px;
height: 12px;
display: block;
position: absolute;
bottom: -8px;
left: 0;
}
.reply_bilg{
background: url(../img/billg_reply_bg.png) no-repeat bottom left;
width: 894px;
min-height: 103px;
position: relative;
border-top: 1px solid #e4e4e4;
}
.reply_norml{
background: url(../img/reply_normal_bg.png) no-repeat bottom left;
width: 894px;
min-height: 120px;
position: relative;
border-top: 1px solid #e4e4e4;
}
.col1 .reply_comment{
background: url(../img/arrow_small_bg.png) no-repeat center right;
font: normal 12px "Arial", Verdana, Tahoma, Sans-serif;
color: #4d5d86;
text-decoration: none;
padding-right: 20px;
float: right;
margin: 0 15px 0 0;
border: 1px solid;
}
#wrap .col1 .pun{
position: absolute;
bottom: 17px;
right: 20px;
z-index: 50;
}
#wrap .col1 .pub{
position: absolute;
bottom: 17px;
right: 20px;
z-index: 50;
}
.userwrap{
float: left;
margin: 15px 0 10px 15px;
border: 1px solid;
}
.cmnt{
margin: 0 10px 0 0;
}
.namewrap{
width: 200px;
float: left; 
display: inline;
}
.namewrap h2{
font: normal 14px "Arial", Verdana, Tahoma, Sans-serif;
color: #001751;
margin-bottom: 5px;
}
.namewrap h3{
font: normal 12px "Arial", Verdana, Tahoma, Sans-serif;
color: #7f8ba8;
}
.textwrap{
width: 605px;
min-height: 15px;
float: left;
display: inline;
border-left: 1px solid #ccc;
}
.textwrap p{
font: normal 12px "Arial", Verdana, Tahoma, Sans-serif;
color: #4d5d86;
padding: 0 0 0 25px;
}
.reply_arrow{
float: left;
display: inline;
margin: 0 10px 0 0;
}
.reply_text{
width: 575px;
} */

/* Login & Post comment */
.login{
width: 390px;
margin-bottom: 12px;
float: left;
}
.login h2, .postcomment h2{
font: normal 14px "Arial", Verdana, Tahoma, Sans-serif;
color: #001751;
margin-bottom: 8px;
}
.login p{
font: normal 11px "Arial", Verdana, Tahoma, Sans-serif;
color: #001751;
margin-bottom: 10px;
}
.inputtext{
background: #fff;
width: 387px;
height: 20px;
float: left;
margin-bottom: 10px;
padding: 5px 0 0 5px;
color: #4d5d86;
border: 1px solid #e4e4e4;
}
.selectfeedbg{
background: url(../img/feedback_select_bg.png) no-repeat right center #fff;
width:356px;
}
.captcha{
float: right;
margin-bottom: 10px;
}
.submitbutton{
background: url(../img/submit_bg.png) no-repeat top left;
color: #4d5d86;
width: 102px;
height: 25px;
float: right;
border: none;
}
.postcomment{
width: 470px;
float: left;
font: normal 11px "Arial", Verdana, Tahoma, Sans-serif;
color: #001751;
margin-left: 30px;
}
.postcomment p{
width: 470px;
font: normal 11px "Arial", Verdana, Tahoma, Sans-serif;
color: #001751;
margin-bottom: 10px;
}
.notifie{
text-align: right;
}
.commentarea{
background: #fff;
width: 465px;
height: 100px;
float: left;
margin-bottom: 10px;
padding: 5px 0 0 5px;
color: #4d5d86;
border: 1px solid #e4e4e4;
}
.feedbackarea{
background: #fff;
width: 479px;
height: 153px;
float: left;
margin: -132px 0 10px 20px;
padding: 5px 0 0 5px;
color: #4d5d86;
border: 1px solid #e4e4e4;
}
.submit, .right h4{
background: url(../img/arrow_bg.png) no-repeat center right;
font: normal 13px "Arial", Verdana, Tahoma, Sans-serif;
color: #4d5d86;
margin-top: 8px;
padding-right: 20px;
float: right;
border: none;
cursor: pointer;
}
.submit:hover, .right h4:hover{
background: url(../img/arrow_hover_bg.png) no-repeat center right;
color: #000033;
}

/* Individuals Exposed */
.exposed{
background: url(../img/exposed_ul_bg.png) repeat-y top left;
width: 904px;
margin: 5px 0 15px 0;
position: relative;
float: left;
overflow: hidden;
}
.exposed li{
width: 225px;
height: 84px;
list-style: none;
float: left;
display: inline;
overflow: hidden;
margin-left: 1px;
}
.exposed li:hover a{
width: 225px;
height: 84px;
background: url(../img/exposed_li_hover_bg.png) no-repeat top center;
background-position: 0 0;
display: block;
}
.exposed h2, .col6 .slider h2{
width: 145px;
font: normal 13px "Arial", Verdana, Tahoma, Sans-serif;
color: #001751;
float: left;
margin: 15px 0 2px 10px;
}
.exposed h3, .col6 .slider h3{
width: 145px;
font: normal 11px "Arial", Verdana, Tahoma, Sans-serif;
color: #99a2b9;
float: left;
margin-left: 10px;
}
.exposed li:hover h3{
color: #a70400;
}

/* Section Docs */
.section{
background: url(../img/exposed_ul_bg.png) repeat-y;
width: 910px;
position: relative;
float: left;
margin-bottom: 10px;
}
.section li{
width: 225px;
height: 50px;
list-style: none;
float: left;
display: inline;
overflow: hidden;
margin-left: 1px;
}
a.cf16{
background: url(../img/section_video_bg.png) no-repeat top center;
width: 225px;
height: 50px;
display: block;
}
a.cf16:hover{
background: url(../img/section_video_bg.png) no-repeat top center;
background-position: 0 -50px;
}
a.cf17{
background: url(../img/section_docs_bg.png) no-repeat top left;
width: 225px;
height: 50px;
display: block;
}
a.cf17:hover{
background: url(../img/section_docs_bg.png) no-repeat top left;
background-position: 0 -50px;
}
.section h1{
font: normal 16px "Arial", Verdana, Tahoma, Sans-serif;
color: #001751;
margin: 20px 0 0 20px;
}
.section h2{
width: 100px;
font: normal 13px "Arial", Verdana, Tahoma, Sans-serif;
color: #001751;
float: left;
margin: 11px 0 2px 10px;
}
.section h3{
width: 145px;
font: normal 11px "Arial", Verdana, Tahoma, Sans-serif;
color: #99a2b9;
float: left;
margin-left: 10px;
}
.sectionspace{
width: 50px;
height: 50px;
float: left;
margin: 13px 0 0 15px;
}

/* Popup the demise */
.pop1_bg{
background: url(../img/popup_img1_bg.png) no-repeat bottom left;
width: 396px;
float: left;
clear: both;
padding: 9px 13px 30px 13px;
margin-left: 25px;
}
.pop2_bg{
background: url(../img/popup_img1_bg.png) no-repeat bottom left;
width: 396px;
float: left;
clear: both;
padding: 9px 13px 30px 13px;
margin-left: 42px;
}
#popupleft{
background: url(../img/popup_bg_left.png) no-repeat top left;
width: 486px;
height: 444px;
position: absolute;
top: 10px;
left: 10px;
z-index: 100;
}
.closepopup_left{
position: absolute;
top: 0px;
left: 0px;
}
#popupright{
background: url(../img/popup_bg_right.png) no-repeat top left;
width: 486px;
height: 444px;
position: absolute;
top: 10px;
right: 10px;
z-index: 100;
}
.closepopup_right{
position: absolute;
top: 0px;
right: 0px;
}
#popupleft h1{
font: normal 16px "Arial", Verdana, Tahoma, Sans-serif;
color: #001751;
margin: 40px 0 3px 25px
}
#popupleft h2{
font: normal 13px "Arial", Verdana, Tahoma, Sans-serif;
color: #4d5d86;
margin: 0 0 8px 25px;
}
#popupright h1{
font: normal 16px "Arial", Verdana, Tahoma, Sans-serif;
color: #001751;
margin: 40px 0 3px 42px
}
#popupright h2{
font: normal 13px "Arial", Verdana, Tahoma, Sans-serif;
color: #4d5d86;
margin: 0 0 8px 42px;
}
#popupright p{
width: 200px;
font: normal 12px "Arial", Verdana, Tahoma, Sans-serif;
color: #bfc5d3;
float: left;
display: inline;
margin: 15px 0 0 48px;
}
#popupright p span{
color: #000033;
}

/* Footer */
#footer{
width: 975px;
height: 30px;
position: relative;
margin: 15px auto 0 auto;
}
#footer p{
width: 545px;
float: left;
font: normal 9px "Arial", Verdana, Tahoma, Sans-serif;
color: #fff;
}
#footer p a, #footer p a:active, #footer p a:visited{
font: bold 9px "Arial", Verdana, Tahoma, Sans-serif;
text-decoration: none;
color: #fff;
}
#footer p a:hover{
text-decoration: none;
color: #fff;
}
#f1menu{
width: 320px;
float: left;
font: normal 9px "Arial", Verdana, Tahoma, Sans-serif;
color: #b4b4c8;
}
#f1menu li{
display: inline;
padding-right: 4px;
margin-left: 4px;
list-style: none;
}
#f1menu li span{ color: #feec50;}

a.f1{ color: #b4b4c8; text-decoration: none;}
a:hover.f1{ color: #fff; text-decoration: none;}

#f2menu{
width: 107px;
position: absolute;
top: -5px;
right: 0;
}
#f2menu li{
display: inline;
list-style: none;
}
.f2, .f3, .f4, .f5{
background: url(../img/f2menu.jpg) no-repeat top left;
height: 20px;
display: block;
float: left;
margin-left: 10px;
overflow: hidden;
}
#f2menu a span {
display: none;
}

a.f2 { background-position: 0 0; width: 12px;}
a.f3 { background-position: -100px 0; width: 19px; } /* -22px */
a.f4 { background-position: -50px 0; width: 16px; }
a.f5 { background-position: -75px 0; width: 19px; }

a:hover.f2 { background-position: 0 -20px;}
a:hover.f3 { background-position: -100px -20px;}
a:hover.f4 { background-position: -50px -20px;}
a:hover.f5 { background-position: -75px -20px;}


/* form */

form .offscreen {
	position:absolute;
	left:-999999px;
	top:0px;
}
form input.select {
	cursor:pointer;
	padding-right: 31px;
}
form ul.select {
	display: block;
	height: 200px;
	max-height: 200px;
	overflow: auto;
	overflow-x: hidden;

	border-top: 1px solid #e8e8e8;
	border-left: 1px solid #e8e8e8;
	border-bottom: 1px solid #e8e8e8;
	border-right: 1px solid #e8e8e8;

	background-color: #FFF;
	position: absolute;

	z-index:999;
	padding:0 !important;
	margin:0 !important;
}
html > body form ul.select {
	height: auto;
}
form ul.select li {
	padding: 0 4px;
	line-height: 22px;
	height: 22px;
	white-space: nowrap;
	overflow: hidden;
	cursor: pointer;
	margin: 0;
	position: relative;
	float: left;
	clear: left;
	overflow: hidden;
	color: #4d5d86;
	font-size:11px;
}
form ul.select li.divider {
	height: 1px;
	border-top: 1px dashed #B8B8B8;
	margin: 4px 0 3px 0;
	cursor:default;
}
form ul.select li.group {
	font-weight: bold;
}
form ul.select li:hover {
	background-color:Highlight;
	color:HighlightText;
}
form ul.select li.divider:hover {
	background-color:transparent;
}
form ul.select li.selected {
	background-color:Highlight;
	color:HighlightText !important;
	font-weight: bold;
}

#recaptcha_area table {
	margin:0 0 10px 75px !important;
	
}

.field_error {
	border:1px solid #FF0000 !important;
}