html{}

/* margins properties
T R B L */

/* main body of page */
body
{
	background-color: #000033;
	font-size:12px;
	font-family:Verdana, Arial, Tahoma;
	text-align:justify;
}

#upload
{
	color:#000033;
	font-size:13px;
	font-family: Tahoma;
	text-align:justify;
	background-color: #fff;
	height: 300px;
	
}


#map{
	width:1000px;
	margin:0 auto;
	padding:0px;
	background-color: #fff;
}


/* headings */
h1,h2,h3,h4
{
	color:#00009d;
	font-weight:300;
	font-style:italic;
	margin:10px 0 5px 10px;
}

h1{font-size:140%;}
h2{font-size:130%;}
h3{font-size:120%;}
h4{font-size:110%;}

fieldset
{
 	padding:10px;
	margin:10px;
	width:auto;
}

img
{
 	padding:10px 10px; 
	border:0;
}

/* spacing around login/logout/header etc*/
#login
{
 	text-align:left;
 	padding:5px 0 0 15px;
}
#logout
{
 	padding:3px;
}

#clientlogo
{					 
	width:647px;
	margin:5px 20px 0 0;
	height:120px;
	padding:0px 5px 5px 10px;
	float:right;
	font-family:Verdana, Arial, Tahoma;
	background-image: url(../images/banner.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#imagelogo
{					 
	width:381px;
	margin:5px 0 0 300px;
	height:75px;
	padding:0px 5px 5px 10px;
	font-family:Verdana, Arial, Tahoma;
	background-image: url(../images/banner2010.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#wowlogo
{
	width:162px;
	margin:10px 0 0 10px;
	height:100px;
	padding:5px 5px 15px 10px;
	float:left;
	font-family:Verdana, Arial, Tahoma;
	background-image: url(../images/wowlogo.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

/*top navigation menu */
#menu
{
 	background-color:#f8e100;
	margin: 0px 0 0 0;
	padding:5px 0px 5px 10px;
	height:15px;
	font-size:90%;
}
#menu a
{
 	margin:0 15px 15px 0px;
	
}

#menu a:link
{
 	color:#000033;
	text-decoration:none;
	font-weight:bold;
}
#menu a:visited
{
 	color:#000033;
	text-decoration:none;
	font-weight:bold;
}
#menu a:hover
{
 	color:#000033;
	text-decoration:underline;
	font-weight:bold;
}

/*#menu{border-bottom:1px solid #333333;padding:0 0 0 10px;}*/
#adminmenu
{
 	background-color:#f8e100;
	padding:5px 0px 10px 10px;
	font-weight:bold;
	font-size:90%;
	color:000033;
}
#adminmenu a
{
 	margin:0 15px 15px 0px;
 	font-weight:bold;
}

#adminmenu a:link
{
 	color:#000033;
	text-decoration:none;
	font-weight:bold;
}
#adminmenu a:visited
{
 	color:#000033;
	text-decoration:none;
	font-weight:bold;
}
#adminmenu a:hover
{
 	color:#000033;
	text-decoration:underline;
	font-weight:bold;
}
/*rss button properties */
.menurss
{
 	margin:-5px 10px;
}

.top
{
 	font-size:80%;
	font-style:italic;
	color:#CC3333;
}

.leftpic
{
	float: left;
	padding: 5px 10px 0 20px;
}

/*tip text for forms*/
.tip
{
 	margin:0 10px;
	color:#CC3333;
	font-size:80%;
	font-style:italic;
	vertical-align:top;
}

#textcentre {
	display:inline-block;
	margin-left:300px;
	text-align:right;
}

#textcentre a{
	color:#00406a;
}

#textcentre a:hover{
	color:#cccccc;
}

#textright {

	text-align: right;
}

#textright a{
	color:#00406a;
}

#textright a:hover{
	color:#cccccc;
}

/*content area i.e. under navigation*/
#content
{
 	color: #000;
 	min-height:700px;
	padding:10px;
	margin:auto;
}

/*Logos*/
#logo_area
{
 	background-color: #fff;
 	height:125px;
}

/*footer area*/
#footer
{
 	text-align:center;
	font-size:90%;
	font-style:italic;
	background-color:#fff;
	color:#000033;
	padding:3px;
}

#footer .logo
{
 	float:right;
	background-color:#fff;
	padding:3px;
	width: 177px;
	height:57px;
}

.login_link
{
    width:700px;
    text-align:left;
 	color: #00009d;
}

.login_link a
{
    color: #00009d;
    text-decoration:none;
 }
 
 .login_link a:link
{
    color: #00009d;
    text-decoration:none;
 }
 
  .login_link a:visited
{
    color: #00009d;
    text-decoration:none;
 }
 
  .login_link a:hover
{
    color: #00009d;
    text-decoration:none;
 }

.login
{
	margin:-5px 10px;
	font-size:90%;
	color: #00009d;
	font-weight:bold;
}
.logout
{
	margin:0 10px;
}

/*login  details*/
.loginform
{
	margin:0;
	padding:0;
	font-size:95%;
}
.loginform label
{
 	display:inline-block;
	text-align:right;
	width:70px;
	margin:2px 5px 2px 0;
}
.logininput
{
 	font-size:80%;
	width:70px;
}
input.loginbutton
{					 
	font-size:95%;
	color:#ffffff;
	background:#414141;
	font:bold 11px Verdana, Arial, Tahoma;
	margin-left: 10px;
	text-decoration:none;
	padding:3px 3px 3px 3px;
	border:1px solid #000000;
}

input.loginbutton:hover 
{
	cursor:pointer;
	color:#cccccc;
}

.comment_mod
{
    color:#000033;
 }

/*nominate form details */
.formelement
{
 	margin:5px 0;
}
label
{
 display:inline-block;
 width:200px;
 text-align:right;
 margin:2px 5px 2px 2px;
 vertical-align:top;
}
.forminput
{
 	width:280px;
}
.forminput1
{
 	width:50px;
}
.forminput2
{
 	width:30px;
}
.formtextarea
{
 	height:150px;
	width:400px;
	font-family:verdana,arial,helvetica;
	font-size:90%;
}
.formcaptcha
{
 	margin:5px 5px 5px 210px;
}
.formbutton
{
 	margin:5px 5px 5px 210px;
}

/*radio button properties on nominations page*/
.admincontrol
{	
	width: 2000px;
	margin:2px 5px 2px 2px;
	vertical-align:top;
	font-size:80%;
}

.admincontrol input
{
 	font-size:100%;
}
.admincontrol input
{
 	margin:0 0 -6px 0;
}

/* nominations page details*/
.commentbox
{
 	width:90%;
	margin:10px;
	padding:15px;
	border:2px solid #999999;
}

.commentbox .image
{
 	margin:5px 0;
}

.commentbox .name
{
 	margin:5px 0 5px 10px;
	font-weight:bold;
}

.commentbox .commentheader
{
 	margin:10px 30px;
	font-style:italic;
	text-decoration:underline;
}
.commentbox .comment
{
 	margin:10px 30px;
	font-style:italic;
	color: #000;
}

.commentbox .details
{
 	float:right;
	margin: 0 5px 0 350px;
 	font-size:90%;

}
.commentbox .header
{
 	
	float:right;
	margin: 0 5px 0 350px;
	font-weight: bold;
 	font-size:90%;
}

.commentbox .formelement
{
 	margin:0 20px 0 0;
}

.commentbutton
{
 	margin:20px 0;
}

/* search page form details*/
.commentboxuser
{
	margin:10px;
	padding:5px; 
	color:#000000;
}
.commentboxuser .name
{
 	font-weight:bold;
}
.commentboxuser .image
{
 	margin:5px 0;
}
.commentboxuser .date
{
	margin:5px 0;

}
.commentboxuser .comment
{
 	margin:10px 30px;
	font-style:italic;
	color: #000;
}
.commentboxuser .email
{
 	margin:5px 0;
}
.commentboxuser .phone
{
 	margin:5px 0;
}
.commentboxuser .type
{
 	margin:5px 0;
}
.commentboxuser .formelement
{
 	margin:0 20px 0 0;
}
.commentboxuser .submitted
{
	padding: 10px 0 0 0;
 	margin:5px 0;
}
.commentboxuser .anonymous
{
 	margin:5px 0;
}
.commentboxuser
{
 	margin:20px 0;
}


/* general table details */
table
{
 	width:100%;
	margin:20px 0 0 0;
}
caption
{
 	padding:10px 30px;
	text-align:center;
	font-size:130%;
	font-style:italic;
	background-color:#333333;
	color:#FFFFFF;
}
tr{}
th
{
 	text-align:center;
	padding:10px;
}
td
{
 	margin:0;
	border:1px solid #999999;
	text-align:center;
}

.total
{
 	font-weight:bold;
	text-align:right;
	padding:0 20px;
	border:none;
}

.chart
{
 	float:left;
	margin:10px;
}

#chart_container{
	min-height:1000px;
}



.error
{
 	padding:10px;
	margin:5px;
	color:#CC3333;
	font-size:120%;
	font-style:italic;
}
/* login/logout statement */
#acknowledge
{
 	height:100px;
	clear:both; 
	width: 100%
}
.acknowledge
{
 	padding:10px;
	margin:5px;
	color:#CC3333;
	font-size:120%;
	font-style:italic;
}

.italic
{
 	font-style:italic;
}
/* edit link */
.edit
{
 	font-style:italic;
	font-weight:300;
	color: #CC3333;
	float:right;
}

input.button 
{
	color:#ffffff;
	background:#414141;
	font:bold 11px Verdana, Arial, Tahoma;
	display: block;
	margin-left:auto;
	margin-right:auto;
	text-decoration:none;
	padding:5px 5px 5px 5px;
	border:1px solid #000000;
}
input.button:hover 
{
	cursor:pointer;
	color:#cccccc;
}

input.leftbutton 
{
	color:#ffffff;
	background:#414141;
	font:bold 11px Verdana, Arial, Tahoma;
	margin-left: 50px;
	text-decoration:none;
	padding:5px 5px 5px 5px;
	border:1px solid #000000;
}
input.leftbutton:hover 
{
	cursor:pointer;
	color:#cccccc;
}

/*general properties for hyperlinks */
a:link
{
 	color:#000;
	text-decoration:none;
}
a:visited
{
 	color:#000;
	text-decoration:none;
}
a:hover
{
 	color:#434343;
	text-decoration:underline;
}

.commentbox a:link
{
 	color:#000000;
	text-decoration:none;
}
.commentbox a:visited
{
 	color:#000000;
	text-decoration:none;
}
.commentbox a:hover
{
 	color:#000000;
	text-decoration:underline;
}
#login a:link
{
 	color:#000000;
	text-decoration:none;
}
#login a:visited
{
 	color:#000000;
	text-decoration:none;
}
#login a:hover
{
 	color:#000000;
	text-decoration:underline;
}
#logout a:link
{
 	color:#FF212C;
	text-decoration:none;
}
#logout a:visited
{
 	color:#FF212C;
	text-decoration:none;
}
#logout a:hover
{
 	color:#FF212C;
	text-decoration:underline;
}
#footer a:link
{
 	color:#00009d;
	text-decoration:none;
	font-weight: bold;
}
#footer a:visited
{
 	color:#00009d;
	text-decoration:none;
	font-weight: bold;
}
#footer a:hover
{
 	color:#999999;
	text-decoration:underline;
	font-weight: bold;
}
.export a:link
{
 	color:#000000;
	text-decoration:none;
}
.export a:visited
{
 	color:#000000;
	text-decoration:none;
}
.export a:hover
{
 	color:#000000;
	text-decoration:underline;
}
p{
	padding: 10px 5px 0 20px;
}

pi{
	padding: 10px 15px 5px 10px;
	font-style:italic;
	float: left;
}

pb{
	padding: 10px 15px 5px 0px;
	color:#000;
}

.dt_border{
	width: 100%;
	border-bottom:1px dotted #a50300;
	padding: 5px;
}
.12HL
{
    border: none;
    background-color: #000033;
    height: 12px;
    margin:-3px;
}
.2HL
{
    border: none;
    background-color: #000033;
    height: 2px;
    margin:-3px;
}

input.dlbutton 
{
	color:#ffffff;
	background:#999999;
	font:bold 11px Verdana, Arial, Tahoma;
	display: block;
	text-decoration:none;
	padding:5px 5px 5px 5px;
	border:1px solid #000000;
}
input.dlbutton:hover 
{
	cursor:pointer;
	color:#cccccc;
}

/*normal menu*/
#index #navindex, #profile #navprofile, #recentnominations #navrecentnominations, #nominate #navnominate, #suggestion #navsuggestion, #complaint #navcomplaint, #search_u #navsearch_u, #rss #navrss{text-decoration:underline;}
/*admin menu*/
#overview #navoverview, #search #navsearch, #report #navreport, #nominations #navnominations, #suggestions #navsuggestions, #complaints #navcomplaints, #pages #navpages, #downloads #navdownloads, #setup #navsetup{text-decoration:underline;}