@import url(reset.css);

/* COLOUR */
/* blue-grey:#72809C;grey:#F3F3F3;blue:#466BB8 */

/* HTML */
html,body{font-family:Arial, Helvetica, sans-serif;color:#72809C;}

h1,h2,h3{margin:0 0 10px 0;font-weight:600;}
h1{font-size:1.15em;color:#476BB8;}
h2{font-size:1.05em;}
h3{font-size:0.9em;color:#72809C;}

a:link,a:visited{color:#476BB8;text-decoration:underline;}

p{padding:0 0 10px 0;font-size:0.9em;}

li ul li{font-size:1em;list-style: circle;}
li ul{padding:0 0 0 30px;}

ul{list-style:disc;}
ol,ul{padding:0 0 10px 30px;font-size:0.9em;}

img{border:0;}

label{font-weight:600;}

/* MAIN LAYOUT */
#container{margin:0 auto;width:960px;position:relative;}
#header{margin:0 0 5px 0;height:80px;background:#9FA8BB url(../images/layout/bg-header.png) top center no-repeat;}
#logo{padding:0 0 0 25px;width:318px;height:80px;float:left;}
#top-link{padding:25px 0 0 0;float:right;color:#FFF;}
ul.navigation{padding:0;margin:0 0 5px 0;float:left;width:100%;background:#466BB8 url(../images/layout/bg-navigation.png) top left repeat-x;text-decoration:none;}
#content{margin:0 0 5px 0;height:100%;float:left;background:url(../images/layout/bg-front-content.png) top center repeat-y;}
#bottom-content{margin:0 0 5px 0;clear:both;height:250px;}
#footer{margin:10px auto;width:960px;padding:5px 0;clear:both;background-color:#9FA8BB;font-size:0.8em;text-align:center;color:#FFF;background:url(../images/layout/bg-event-top-blue.png) left top repeat-x;}

/* NAVIGATION */
ul.navigation li{position:relative; display: inline;list-style:none;float:left;}
ul.navigation li a{position:relative;padding:0.5em 0.95em;border-right:1px solid #466BB8;display:block;color:#FFF;font-size:0.95em;font-weight:600;text-decoration:none;}
ul.navigation li span{padding:0; width:36px; height:17px; background: url(../images/layout/bg-new.png) center center no-repeat; position:absolute; right:2px; top:-11px; display:block; color: #FFF; text-align:center;}
ul.navigation li a:hover{background-color:#466BB8;}

ul.navigation li ul{padding:0;position:absolute;left:-999em;background-color:#727D9A;z-index:20;line-height:1em;}
ul.navigation li ul li{margin:0;float:none;font-size:0.9em;font-weight:normal;}
ul.navigation li ul a{color:#FFF;display:block;border:0; border-bottom:1px solid #8892AA;}
ul.navigation li:hover ul{left:auto;z-index:20;background-color:#727D9A;}

ul.navigation li.special{padding:0.5em 0.95em;width:40px;float:left; background:#727D9A url(../images/layout/bg-navigation-special.png) top left repeat-x;color:#FFF;font-size:0.95em;font-weight:800;text-align:center;}

/* FOOTER */
#footer a{color:#FFF; text-decoration:none;}

/* FORMS */
.input-text{padding:3px 5px;width:200px;border:1px solid #9FA8BB;color:#9FA8BB;}
.input-text-area{padding:3px 4px;width:400px;height:300px;border:1px solid #9FA8BB;color:#9FA8BB;}
.input-select{padding:2px;width:212px;border:1px solid #9FA8BB;color:#9FA8BB;}
.input-select-auto{padding:2px;border:1px solid #9FA8BB;color:#9FA8BB;}
.input-button{padding:0.1em 0.4em;width:auto !important;border:1px solid #466BB8;background:#476BB8 url(../images/layout/bg-navigation.png) bottom left repeat-x;cursor:pointer;color:#FFF;font-size:1.05em;font-weight:600;}
a:link.input-button, a:visited.input-button{padding:0.1em 0.4em;width:auto !important;border:1px solid #466BB8;background:#476BB8 url(../images/layout/bg-navigation.png) bottom left repeat-x;cursor:pointer;color:#FFF;font-size:1.05em;font-weight:600;}
.input-button[disabled="disabled"], .input-button.disabled{border:1px solid #CCC;background: #F5F5F5;font-weight:0;}

a:link.input-button , a:visited.input-button {color:#FFF;text-decoration:none;}

.required{color:#476BB8;}

/* GENERAL */
.error{padding:0.5em;margin:0 0 5px 0;border:1px solid #CC0000;background-color:#F7DCCA;text-align:center;color:#CC0000; font-size:0.9em;clear:both;}
.success{padding:0.5em;margin:0 0 5px 0;border:1px solid #69B92F;text-align:center;color:#69B92F;background-color:#C1F5AF;font-size:0.9em;clear:both;}

.error-small{padding:0.5em;margin:0 0 5px 0;width:40%;border:1px solid #CC0000;background-color:#F7DCCA;text-align:center;color:#CC0000; font-size:0.9em;clear:both;}
.success-small{padding:0.5em;margin:0 0 5px 0;width:40%;border:1px solid #69B92F;text-align:center;color:#69B92F;background-color:#C1F5AF;font-size:0.9em;clear:both;}

#top-link{color:#FFF;font-weight:800;font-size:0.9em;text-decoration:none;}
#top-link a{color:#FFF;font-weight:800;text-decoration:none;}
.add-icon{display:block; height:27px; line-height:27px; padding:0 0 0 35px; background:url(../images/icons/plus.png) center left no-repeat; cursor:pointer;}

/* DOCUMENTS */
.new{padding:0 0 0 5px;vertical-align:super;font-size:0.8em;font-weight:800;color:#476BB8;}
