/* CSS Document */
html { height: 100%; margin-bottom: 1px; }  /* Forces vert scrollbar on all pages*/


body { margin: 0 0 0 0; height: 100%; min-height: 100%; min-width:1000px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; background-color:#000000; }
p, form, h1, h2, h3, h4, h5, h6, table { margin: 0; padding: 0; }
#container { margin-top:0px; margin-left: auto; margin-right: auto; width: 1000px; height: auto; min-height:600px; }
#container #innercontainer { width: 1000px; height: auto; float:left; margin: 0px 0px 0px 0px; }

#header { width: 1000px; height: auto; border-top:#00a4e8 solid 10px; float:left; margin: 0px 0px 0px 0px; padding: 20px 0px 5px 0px; }
#header img { float:left; border: none 0px; }
#header .login { width:252px; height:50px; float: right; margin: 0px 0px 0px 0px; padding:0px 0px 0px 0px; background:url(images/login-box.jpg) no-repeat top left;}
#header .login .fields { color:#a6ce39; width:112px; height:13px; float:left; margin: 0px 0px 5px 0px; padding:4px;}
#header .login .left { width:120px; height:auto; float:left; margin: 0px 0px 0px 0px; padding:0px;}
#header .login .right { width:90px; height:auto; float:right; margin: 0px 0px 0px 0px; padding:0px;}
#header .login small { width:90px; height:auto; float:left; margin: 0px 0px 3px 0px; padding:0px; font-size:10px; color:#FFFFFF;}
#header .login small a { float:left; text-decoration:underline; color:#FFFFFF;}
#header .pve-leads { width:252px; height:75px; float:right; margin: 10px 0px 20px 0px; padding: 0px 0px 0px 0px; background:url(images/pve-leads-2.jpg) top left no-repeat; }


#nav { width: 1000px; height: auto; float:left; margin: 0px 0px 0px 0px; padding: 0px 0px 20px 0px; }
#nav img { float:left; }


#leftnav { width: 240px; height: auto; float:left; margin: 0px 0px 0px 0px; padding: 1px 0px 20px 0px; background:url(images/top-line.jpg) top left repeat-x; }
#nav-col { width: 240px; height: auto; float:left; margin: 0px 0px 0px 0px; padding: 0px 0px 20px 0px;}


#nav-col ul { width: 240px; height: auto; float:left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style:none;}
#nav-col ul li { width: 210px; height: auto; float:left; margin: 0px 0px 0px 0px; padding: 5px 15px 7px 15px; background:url(images/but-left-off.jpg) bottom left repeat-x;}
#nav-col ul li a { color:#FFFFFF; text-decoration:none;}
#nav-col ul li:hover { background:url(images/but-left-on.jpg) bottom left repeat-x; color:#ec008c; }
#nav-col ul li:hover a { 	color:#ec008c; }
#nav-col ul .active { background:url(images/but-left-on.jpg) bottom left repeat-x; color:#ec008c; }


#leftnav .search { width: 240px; height: auto; float:left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
#leftnav .search .fields { width: 199px; height: 21px; float:left; margin: 0px 0px 0px 0px; padding: 4px; border: 1px solid #FFFFFF; display:block; background-image: none #FFFFFF ;}
#leftnav .search .right { width: 31px; height: 31px; float:right; margin: 0px 0px 0px 0px; padding: 0px;}


#leftnav .article { width: 240px; height:auto; float:left; margin: 20px 0px 0px 0px; padding: 0px 0px 0px 0px;}
#leftnav .article img {float:left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
#leftnav .articlebox { width: 170px; height:auto; float:left; margin: 2px 0px 2px 0px; padding: 15px 35px 13px 35px;}
#leftnav .articlebox img { margin: 0px 0px 8px 0px; padding: 0px 0px 0px 0px;}
#leftnav .articlebox p { width: 170px; float:left; margin: 0px 0px 8px 0px; padding: 0px 0px 0px 0px; color:#FFFFFF;}
#leftnav .articlebox a { text-decoration:underline; color:#FFFFFF;}
#leftnav .articlebox span { width: 148px; float:left; margin: 0px 0px 0px 0px; padding: 6px 0px 4px 22px;}


#leftnav .pve-leads { width:240px; height:85px; float:right; margin: 20px 0px 20px 0px; padding: 0px 0px 0px 0px; background:url(images/pve-leads.jpg) top left no-repeat; }
#leftnav .pve-leads .fields { color:#007774; width:102px; height:13px; float:left; margin: 0px 0px 5px 0px; padding:4px;}
#leftnav .pve-leads .left { width:110px; height:auto; float:left; margin: 0px 0px 0px 0px; padding:0px;}
#leftnav .pve-leads .right { width:90px; height:auto; float:right; margin: 0px 0px 0px 0px; padding:0px;}
#leftnav .pve-leads small { width:90px; height:auto; float:left; margin: 0px 0px 3px 0px; padding:0px; font-size:10px; color:#FFFFFF;}
#leftnav .pve-leads small a { float:left; text-decoration:underline; color:#FFFFFF;}


/*---  Colours  ---*/
.viewgrey { background:#151415;}

.view-white { background:url(images/line-white.jpg) bottom left repeat-x;}

.view-yellow { background:url(images/line-yellow.jpg) bottom left repeat-x;}
.view-yellow span { background:url(images/podcast.jpg) left no-repeat;}

.view-blue { background:url(images/line-blue.jpg) bottom left repeat-x;}
.view-blue span { background:url(images/but-blue.jpg) left no-repeat;}

.view-brown { background:url(images/line-brown.jpg) bottom left repeat-x;}
.view-brown span { background:url(images/but-brown.jpg) left no-repeat;}

.view-lime { background:url(images/line-lime.jpg) bottom left repeat-x;}
.view-lime span { background:url(images/but-lime.jpg) left no-repeat;}

.view-orange { background:url(images/line-orange.jpg) bottom left repeat-x;}
.view-orange span { background:url(images/but-orange.jpg) left no-repeat;}

.view-pink { background:url(images/line-pink.jpg) bottom left repeat-x;}
.view-pink span { background:url(images/but-pink.jpg) left no-repeat;}

.view-purple { background:url(images/line-purple.jpg) bottom left repeat-x;}
.view-purple span { background:url(images/but-purple.jpg) left no-repeat;}
/*---  End Colours  ---*/


#content { width:734px; height:auto; float:right; margin: 0px 0px 0px 0px; padding: 0px 0px 20px 0px;}
#content .main-image { width:734px; height:auto; float:right; margin: 0px 0px 20px 0px; padding: 0px 0px 20px 0px;}
#content .col-middle { width:450px; height:auto; float:left; margin: 12px 0px 0px 17px; padding: 0px 0px 0px 0px;}
#content .col-right { width:240px; height:auto; float:right; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
#content .small-right-col { width:200px !important; }
#content .large-middle-col { width:490px !important; }


.col-middle .contenttext { width:430px; height:auto; float:left; margin: 20px 0px 20px 0px; padding: 0px 20px 0px 0px;}
#content .large-middle-col .contenttext { width:470px !important; }

.col-middle .article { width: 215px; height:auto; float:left; margin: 0px 0px 20px 0px; padding: 0px 0px 0px 0px;}
.col-middle .space {margin: 0px 20px 20px 0px !important;}
.col-middle .article img {float:left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
.col-middle .articlebox { width: 215px; height:auto; float:left; margin: 2px 0px 2px 0px; padding: 15px 0px 15px 0px;}
.col-middle .articlebox img { margin: 0px 0px 8px 0px; padding: 0px 0px 0px 0px;}
.col-middle .articlebox p { width: 215px; float:left; margin: 0px 0px 8px 0px; padding: 0px 0px 0px 0px; color:#FFFFFF;}
.col-middle .articlebox a { text-decoration:underline; color:#FFFFFF;}
.col-middle .articlebox span { width: 80px; float:left; margin: 0px 0px 0px 0px; padding: 6px 0px 4px 22px;}



.col-middle .questionform { width:430px; height:auto; float:left; margin: 0px 0px 8px 0px; padding: 35px 20px 0px 0px; background:url(images/my_question.jpg) top left no-repeat;}
.col-middle .questionform .fieldone { width:292px; height:12px; float:right; margin: 0px 0px 8px 0px; padding: 4px; border:#9ba451 solid 1px;}
.col-middle .questionform .fieldtwo { width:292px; height:100px; float:right; margin: 0px 0px 8px 0px; padding: 4px; border:#9ba451 solid 1px;}
.col-middle .questionform label { width:100px; height:12px; float:left; margin: 0px 0px 8px 0px; padding: 4px; }
.col-middle .questionform .submitone { float:right; margin: 0px 0px 8px 0px;}
.col-middle .message { width:430px; height:auto; float:left; margin: 0px 0px 20px 0px; padding: 0px 20px 0px 0px; }

.col-middle .dividedwefall { margin: 0px 0px 30px 0px !important;}

.col-right .pve-leads { width:240px; height:85px; float:right; margin: 0px 0px 20px 0px; padding: 0px 0px 0px 0px; background:url(images/pve-leads.jpg) top left no-repeat; }
.col-right .pve-leads .fields { color:#007774; width:102px; height:13px; float:left; margin: 0px 0px 5px 0px; padding:4px;}
.col-right .pve-leads .left { width:110px; height:auto; float:left; margin: 0px 0px 0px 0px; padding:0px;}
.col-right .pve-leads .right { width:90px; height:auto; float:right; margin: 0px 0px 0px 0px; padding:0px;}
.col-right .pve-leads small { width:90px; height:auto; float:left; margin: 0px 0px 3px 0px; padding:0px; font-size:10px; color:#FFFFFF;}
.col-right .pve-leads small a { float:left; text-decoration:underline; color:#FFFFFF;}

.col-right .live-poll { width:240px; height:auto; float:left; margin: 0px 0px 20px 0px; padding: 0px 0px 0px 0px; background:url(images/live-poll.jpg) top left no-repeat; }
.col-right .live-poll .space { width:216px; height:auto; float:right; margin: 0px 0px 0px 0px; padding: 88px 12px 12px 12px; background:url(images/line-live-poll-green.jpg) bottom left repeat-x; }
.col-right .live-poll p { width:216px; height:auto; float:left; margin: 0px 0px 10px 0px; padding: 0px; color:#FFFFFF; font-size:20px; font-weight:bolder; text-align:left; line-height:22px; }
.col-right .live-poll .radio { width:216px; height:auto; float:left; margin: 6px 0px 6px 0px; padding: 0px 0px 0px 0px; color:#000000; }
.col-right .live-poll .radio a { text-decoration:none; color:#000000; }
.col-right .live-poll span { width:216px; height:auto; float:left; margin: 3px 0px 3px 0px; padding: 0px 0px 0px 0px; text-align:right; color:#FFFFFF; }
.col-right .live-poll span a { text-decoration: underline; color:#FFFFFF; }
.col-right .live-poll .submit { float:left; }


#content .small-right-col .article { width:200px !important; }
#content .small-right-col .articlebox { width:200px !important; padding: 15px 0px 13px 0px !important; }
.col-right .article { width: 240px; height:auto; float:left; margin: 20px 0px 0px 0px; padding: 0px 0px 0px 0px;}
.col-right .article img {float:left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
.col-right .articlebox { width: 170px; height:auto; float:left; margin: 2px 0px 2px 0px; padding: 15px 35px 13px 35px;}
.col-right .articlebox img { margin: 0px 0px 8px 0px; padding: 0px 0px 0px 0px;}
.col-right .articlebox p { width: 170px; float:left; margin: 0px 0px 8px 0px; padding: 0px 0px 0px 0px; color:#FFFFFF;}
.col-right .articlebox a { text-decoration:underline; color:#FFFFFF;}
.col-right .articlebox span { width: 148px; float:left; margin: 0px 0px 0px 0px; padding: 6px 0px 4px 22px;}

.article { line-height:18px;}

.polllink { padding: 4px 8px 4px 8px; border:#FFFFFF dotted 1px; margin: 0px 10px 0px 0px; color:#FFFFFF; text-decoration:none; }
.polllink a:hover { color:#ec008c; background-color:#a6ce39; }






#footer { width:930px; height:auto; float:left; margin: 0px 0px 0px 0px; padding: 35px 35px 35px 35px; background:url(images/pink-footer-top.jpg) top left repeat-x;}
#footer .footerbox { width:930px; height:auto; float:left; margin: 0px 0px 0px 0px; padding: 0px 0px 35px 0px;}
#footer .footerbox span { width:300px; height:auto; float:left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; color:#FFFFFF;}
#footer .footerbox a { color:#ec008c; text-decoration:none;}
#footer .footerbox .left { float:left; text-align:left;}
#footer .footerbox .right { float:right; text-align:right;}