﻿/** / blue : #4963A9 /**/
/** / teal : #00AAAB /**/
/** / login grey : #E2E1DF /**/
* html #content {
	height: 1%;
}

#othercontent .sItem { margin-bottom:20px;}

/* transition */
#transition {

	/* overlay is hidden before loading */
	display:none;

	/* standard decorations */
	width:600px;	
	/**/border:10px solid #4963A9;/**/

	/* for modern browsers use semi-transparent color on the border. nice! */
	/**/border:10px solid rgba(4, 173, 173, 0.698);/**/

	/* hot CSS3 features for mozilla and webkit-based browsers (rounded borders) */
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	/** /
	background-position: 0px 0px;
	background-image:url('../images/trans_bg.png');
	background-repeat:no-repeat;
	/**/
}

#transition div 
{
	width:580px;	
	padding:10px;
	border:1px solid #4963A9;
	/**/background-color:#fff;/**/
	font-family: Arial;
	/**/background-image:url('../images/logo.gif');/**/
	
	/**/background-position: bottom right;
	background-repeat:no-repeat;/**/
	text-align:left;
}

#transition h2 
{
	margin:-11px;
	margin-bottom:0px;
	color:#4963A9;
	/** /background-color: #4963A9;/** /#6D84B4;/**/
	padding:5px 10px;
	border:1px solid #4963A9;
	font-size:16px;
}
/* end transition*/

img { border:0px;}
#_no_js_
{
	 position:absolute;
	 top:0;
	 left:0;
	 background-color:#FFFFE0;
	 width:100%;
	 height:20px;
	 font-weight:bold;
	 text-align:center;
	 color:red;
}

body 
{ 
margin:0px 0px 0px 0px;
background-color: white;
background-image: url("../images/page_bg.jpg");
background-repeat: repeat-x;
background-attachment:fixed;
font-family:Arial, Verdana, sans-serif;
font-size:12px;
color: #4963A9;
}
/* Start Top Navigation Menu */
#topnav 
{
	margin:10px 0 0 0;
}
#homenav 
{
	margin:0;
	z-index:-1;
}
.menu 
{
	padding:0 0 0 15px;
	margin:0;
	list-style:none;
	height:51px;
	background:url(../images/topmenu_bg2.gif) repeat-x;
	position:relative;
}
.menu li 
{
	float:left;
}
.menu li a 
{
	display:block;
	float:left;
	height:51px;
	line-height:51px;
	color:#FFF;
	text-decoration:none;
	font-size:14px;
	font-family:"Trebuchet MS", Geneva, Helvetica, Arial, sans-serif;
	font-weight:bold;
	text-align:center;
	padding:0 0 0 0px;
	cursor:pointer;
}
.menu li a b 
{
	float:left;
	display:block;
	padding:0 4px 0 4px;
}
.menu li.current a 
{
	color:#FFF;
	background:url(../images/topmenu_bg_on2.gif);
	padding-left:10px;
	padding-right:10px;	
}
.menu li.current a b 
{
	background: url(../images/topmenu_bg_on2.gif) no-repeat right top;
}
.menu li a:hover 
{
	color:#4963A9;
	background:url(../images/topmenu_bg_over.gif) 4px 4px repeat-x;
}
.menu li a:hover b 
{
	background: url(../images/topmenu_bg_over.gif) no-repeat 4px 4px; /** / right top;/**/
}
.menu li.current a:hover 
{
	color:#FFFFFF;
	background:#4963A9 url(../images/topmenu_bg_on2.gif);
	cursor:default;
}
.menu li.current a:hover b 
{
	background: url(../images/topmenu_bg_on2.gif) no-repeat right top;
}
/* End Top Navigation Menu */
.container 
{
margin: 0 auto;
width: 770px;
background-color: white;
text-align:left;
}
.footer 
{
background-image: url("../images/footer_bg.gif");
background-repeat: repeat-x;
background-position: 0px -3px;
color:#4963A9;
font-family:Arial, Verdana, sans-serif;
font-size:11px;
padding-top: 10px;
/**/margin: 0 auto;/**/
width: 770px;
text-align:left;
position:relative;
bottom:0px;
padding-bottom:10px;
}
.footer a 
{
color:#4963A9;
font-family:Arial, Verdana, sans-serif;
text-decoration:none;
}
.footer a:hover 
{
text-decoration:underline;
}

.left_pane 
{
 padding-top:20px;	
 float: left;
 width:240px;
 border:0px solid green;
 text-align:center;
}
.left_pane_fp
{
 padding-top:20px;
 padding-left:20px;	
 float: left;
 width:180px;
 border:0px solid green;
 text-align:center;
}
.right_pane
{	
 width:500px;
 float: right;
 border:0px solid blue;
 text-align:center;
 padding: 20px 15px 3px 3px;  
 vertical-align:top;
 margin-top:0px;
}
.right_pane_fp
{	
 width:570px !important;
 float: right;
 border:0px solid blue;
 text-align:center;
 padding: 20px 15px 3px 13px;  
 vertical-align:top;
}
.right_pane_content
{
 width:470px;
 vertical-align:top;
 text-align:left;
 margin-top:0px;
 margin-left:auto;
 margin-right:auto;
}
.right_pane_content_fp
{
 width:auto !important;
 text-align:left;
 border:0px solid yellow;
 vertical-align:top;
 margin-top:0px;
}
.right_pane_content a
{
	color:#4963A9;
	text-decoration:underline;
}
.right_pane_content a:hover
{
	color:#4963A9;
	text-decoration:none;
}
.clear 
{
 clear: both;
}
.content
{
background-color: white;
vertical-align:top;
}
.login 
{ 
/**/background:#fff url(../images/page_bg.jpg) repeat-x;
border-top:1px solid #00AAAB;
border-right:1px solid #00AAAB;
background-position: 50% 80%;
/**/
padding-left:10px;
padding-top:10px;
padding-right:10px;
color:#4963A9;
font-size:12px;
font-family:"Trebuchet MS", Geneva, Helvetica, Arial, sans-serif;
vertical-align:bottom;
height:75px;
float:left;
}
.login a 
{
color:#4963A9;
font-size:12px;
font-family:"Trebuchet MS", Geneva, Helvetica, Arial, sans-serif;
text-decoration:none;
}
.login a:hover 
{
color:#4963A9;
font-size:12px;
font-family:"Trebuchet MS", Geneva, Helvetica, Arial, sans-serif;
text-decoration:underline;
}
input.fp_submit
{
font-size:14px;	
width:170px;
height:36px;
border: 2px solid #00AAAB;
background-color: #4963A9;
color:#FFF;
padding:0px 0px 2px 0px;
}
input.fp_link
{
font-size:14px;	
width:150px;
border: 1px solid #00AAAB;
background-color: #FFF;
}
.historySearch input 
{
width:80px;
border: 1px solid #00AAAB;
/** /background-color: #E2E1DF;/**/
background-color: #FFF;
}
.login input 
{
font-size:11px;	
width:80px;
border: 1px solid #00AAAB;
/** /background-color: #E2E1DF;/**/
background-color: #FFF;
}
.login input:focus 
{
font-size:11px;	
border: 1px solid #00AAAB;
background-color: #E2E1DF;
/** background-color: #FFF;/**/
}
#fp
{
background-color:#4963A9;
color: white;
text-decoration:none;
width:100px;
border:0px;
font-size:10px;
background: none;
margin:0;
padding:0;
}
#fp:hover
{
text-decoration:underline;
}
#btn_login
{ 
 width:44px;
 color: #4963A9;
 border:0px;
 font-family:"Trebuchet MS", Geneva, Helvetica, Arial, sans-serif; 
}
.newsTitle
{
font-size:14px;
font-weight:bold;
padding-bottom:15px;
}
.title
{
/** /line-height:0em;/**/
font-size:18px;
font-weight:bold;
/** /padding-bottom:15px;/**/
}
.bigtitle
{
font-size:24px;
font-weight:bold;
}
.logo
{
WIDTH:769px;
HEIGHT:86px;
/**/text-align:right;/**/
}
a#join
{
display:block;
background-image: url("../images/join.gif");
background-repeat:no-repeat;
background-position: 0% 0%;
height:37px;
width:145px;
text-indent:-1999px;
border:0px solid green;
}
a#join:hover
{
display:block;
background-image: url("../images/join.gif");
background-repeat:no-repeat;
background-position: 0% 100%;
height:37px;
width:145px;
}
#join_menu_container
{
float:right;
top:-43px;
right:45px;
position:relative; 
height:35px; 
width:145px;
}
a#join_topmenu
{
display:block;
background-image: url("../images/joinnow.gif");
background-repeat:no-repeat;
background-position: 0% 100%;
text-indent:-1999px;
height:35px;
width:145px;
}
a#join_topmenu:hover {
display:block;
background-image: url("../images/joinnow.gif");
background-repeat:no-repeat;
background-position: 0% 3%;
height:35px;
width:145px;
}
.error
{
	font-weight:bold;
	color:Red;
}

a.error
{
color:#4963A9;
}
.error_in_page
{
 border:0px solid red;
 color: red;
 font-weight:bold;
 background-color:#FFF;
 width:100%;
 padding: 10px 5px 10px 40px;
 background-image: url("../images/alert.gif");
 background-repeat:no-repeat;
 background-position: 0% 0%;
 vertical-align:middle;
 margin:10px 0px 10px 0px;
}
.errorMessage 
{	
	color: red; 
	font-weight: bold;
	padding: 8px 10px 9px 35px;
	background-image: url('../images/alert.gif');
	background-position:0px 1px;
	background-repeat:no-repeat;	
	border: solid 0px red;
	/** /display:inline-block;/**/
	margin-bottom:5px;
}

.errorMessage2
{	
	color: red; 
	font-weight: bold;
	padding: 5px 10px 5px 17px;
	background-image: url('../images/alert2.gif');
	background-position:0px 3px;
	background-repeat:no-repeat;				
}

#login_error
{
display:none;
}
.login_container
{
float:left;
text-align:left;
position:relative;
top:15px;
}
.login_container a
{
color:#4963A9;
text-decoration:none;
}
.login_container a:hover
{
color:#00AAAB;	
text-decoration:underline;
}
.sItemTitle 
{
	padding:10px 10px 10px 10px;
	cursor:pointer;
}
.sItem
{
	cursor:auto;
	padding:10px 10px 10px 10px;
	border:1px solid #EDEDED;
	background:#fff url(../images/item_bg.gif) repeat-x;
/** /
background:#fff url(../images/page_bg.jpg) repeat-x;
border-top:1px solid #00AAAB;
border-right:1px solid #00AAAB;
background-position: 50% 90%;	
color: white;
/**/
}
#click {display:none;}
.headerMinor
{
	font-weight:bold;
}
a#logout 
{
	display:block;		
	background:none; 
	text-align:right;
}
a#logout:hover
{
	display:block;		
	background-image:none; 
	text-align:right;
	color:Orange;
}
.logged 
{
	background:url("../images/item_bg.gif") repeat-x;
	border:1px solid #EDEDED; 		
}
.logged {
min-height:300px;
height:auto !important;
height:300px;
}
.logged li
{
	display:block;
	list-style-type:none;
	width:180px;
	color:#4963A9;
	border-top:1px solid #EDEDED;
	text-align:left;		
	padding: 4px 0px 4px 0px;
}
.logged li a 
{
	display:block;
	text-decoration:none;		
	color:#4963A9;
	padding: 4px 0px 4px 0px;
}
.logged li a:hover
{
	display:block;
	text-decoration:none;
	background:url("../images/item_bg.gif") repeat top left;	
	color:#4963A9;	
	font-weight:bold;
	padding: 4px 0px 4px 0px;
}
.logged_current
{
	display:block;
	text-decoration:none;
	background:url("../images/item_bg.gif") repeat top left;	
	color:#4963A9;	
	font-weight:bold;	
	padding: 4px 0px 4px 0px;
}
ul.submenu 
{	
	width:150px;
	list-style-type:none;
	text-align:left;
}


.submenu li
{	
	display:block;
	list-style-type:none;
	width:140px;
	color:#4963A9;	
	border-top:1px solid #EDEDED;	
	text-align:left;		
	padding: 4px 0px 4px 0px;
}
.submenu li a 
{
	font-weight:normal;
	display:block;
	text-decoration:none;
	color:#4963A9;
	padding: 4px 0px 4px 0px;
}
.submenu li a:hover
{
	font-weight:normal;
	display:block;
	text-decoration:none;
	background:url("../images/item_bg.gif") repeat-x bottom left;
	color:#00AAAB;		
	padding: 4px 0px 4px 0px;
}

.submenu_current
{
	display:block;
	text-decoration:none;
	background:url("../images/item_bg.gif") repeat top left;	
	color:#4963A9;	
	font-weight:bold;	
	padding: 4px 0px 4px 0px;
}
.m_banner_show { display:block;}
.m_banner_hide { display:none;}
p.newsItem a
{
 padding: 10px 0px 10px 0px;
 color: #4963A9;
}

p.newsItem a:hover
{
 padding: 10px 0px 10px 2px;
 color: #00AAAB;
 text-decoration:none;
}

.okMessage 
{	
	color: blue; 
	font-weight: bold;
	padding: 10px 10px 10px 40px;
	background-image: url('../images/ok.gif');
	background-position:0px 2px;
	background-repeat:no-repeat;
	border: solid 0px blue;
	display:inline-block;
	margin-bottom:5px;
}

.pagination a 
{
	padding:3px 3px 3px 3px;
	text-decoration:none;
	border:1px solid #FFF;
}

.pagination a:hover
{
	padding:3px 3px 3px 3px;
	text-decoration:underline;
	border:1px solid #04ADAD;
}

.pagination span
{
	padding:3px 3px 3px 3px;
	text-decoration:none;
	border:1px solid white;
	background-color:#EDEDED;
	color:#666;
}

li.oldTerms 
{
	margin-top:2px; padding:2px 2px 2px 10px; text-align:left;
}
li.oldTerms a
{
	color: #4963A9;	
	text-decoration:underline;
}
li.oldTerms a:hover
{
	color: #00AAAB;	
	text-decoration:none;
}
li.oldTermsSelected
{
	margin-top:2px; 
	padding:2px 2px 2px 10px; 
	text-align:left;	
	background:url('../images/item_bg.gif') repeat-x top left;
}
li.oldTermsSelected a,a:hover
{	
	text-decoration:none;
	color: #00AAAB;	
}

.pollBtn 
{
  background: url('../images/poll_background3.gif') no-repeat top right;	
  margin-left:20px;
  margin-top:5px;
  border:1px solid navy;
  color:White;
  margin-bottom:20px;
}

.pollContainerPanel
{
	background: url('../images/poll_background3.gif') no-repeat top left;
	/**/width:280px;/**/
	padding-top:26px;
}

.optionsContainer
{
	/**/ width:260px; /**/
	
	margin-left:2px;
	border-bottom:0px solid #EEEEEE;
}

.pollOption
{
	/**/ width:260px; /**/
	
	overflow:auto;
	padding: 1px 1px 1px 1px;
	margin: 2px 1px 1px 1px;			
	/**/color:#4963A9;/**/
	
}

.pollVote
{	
	float:right;	
	position:relative;
	top:-20px;	
}

.pollBar
{	
	border-right:2px solid darkred;	
/** /
	border-bottom:2px solid darkred;		
	border-top:2px solid orange;	
	border-left:2px solid orange;	
/**/
	padding: 0px 0px 0px 0px;	
	margin: 0px 0px 0px 0px;		
	vertical-align:middle;
}

.invisible
{
	display:none;
}


.change_address td
{
	vertical-align:top;
}

.input_error
{	
	background-color:#FF9900;
	content:"*";
}
.input_no_error
{
	background-color:white;
}

.close_link
{
	/**/float:right;/**/
	width:45px;
	background-color:#FFFFFF;
	padding:2px 2px 2px 2px;
	border:1px solid #EDEDED;
	font-weight:bold;
	position:relative;		
	top:-11px;
	left:11px;
	text-align:center;
	text-decoration:none;
	font-size:11px;
}
.sItemTitle a
{
	text-decoration:none;
}

/** / job number start search { /**/
.jn_searchbox
{
	padding: 1px 1px 1px 1px;
	margin: 1px 1px 1px 1px;	
	border:1px solid #DEDEDE;
	width:70px;	
	height:20px;
	font-size:16px;
}

.jn_seachsubmit
{
	padding: 1px 1px 1px 1px;
	margin: 1px 1px 1px 1px;	
	border:1px solid #DEDEDE;
	width:70px;	
	background-color:#04ADAD;
	color:#FFFFFF;
	font-weight:bold;
}
.jn_seachsubmit:hover
{
	background-color:#DEDEDE;
	color:#04ADAD;
}

.no_script
{	
	padding: 10px 10px 10px 35px;
	background-image: url('../images/exclamation_mark.gif');
	background-position:0px 2px;
	background-repeat:no-repeat;
	margin:10px 0px 5px 30px;
	background-color:#DEDEDE;
	border:1px solid #CCCCCC; 
	width:80%;
	color:#666666;
}

.clear_results
{
	background-color:#F47F20;
	border:1px solid #CCCCCC; 
	float:right;
	height:20px;
	padding: 5px 1px 1px 1px;
	color:#FFFFFF;
	vertical-align:middle;
}
.clear_results a
{
	color:#FFFFFF;
	text-decoration:none;
}
/** / job number search end } /**/


/** / change my details { /**/
ul.onPage_submenu 
{		
	list-style-type:none;
	text-align:left;
}
.onPage_submenu li
{
	display:block;
	list-style-type:none;	
	color:#4963A9;	
	border-top:1px solid #EDEDED;	
	text-align:left;		
	padding: 4px 0px 4px 0px;
}
.onPage_submenu li a { text-decoration:none;}
.onPage_submenu li a:hover { text-decoration:underline; font-weight:bold;}


/** /
admin styles start {
/**/

.admin_news
{
	 float:left;
}

.admin_news,.admin_news a
{
	font-size:14px;
  	color: #FFF;		
  	font-family:"Trebuchet MS", Geneva, Helvetica, Arial, sans-serif;
}
.admin_news li
{
	list-style: none;	
}
.admin_news li a
{
	color:White;
	padding:4px 4px 4px 4px;
	border:1px solid white;
	text-decoration: none;
	display:block;
	width:80px;
}
.admin_news li a:hover
{
	display:block;
	background-color:White;
	color:#04ADAD;
	padding:4px 4px 4px 4px;
	border:1px solid #04ADAD;
	text-decoration: underline;
}

#AddNewContainer
{
	text-align:left;
	width:90%;	
}
#PollsContainer,#NewsContainer { margin-left:auto; margin-right:auto; width:600px;}

.admin_link
{
	color:Orange;
	font-weight:bold;
	text-decoration:none;
}
.admin_link:hover
{
	color:black;
	font-weight:bold;
	text-decoration:underline;
}
.popupMenu {
	position:absolute;
	visibility:hidden;
	/**/background-color:#F5F7F8;/**/		
	font-weight:bold;
	border:solid 1px #7F7F8F;
	
}
.popupMenu a, a:hover {color:#4963A9;}
.popupHover {
	background-repeat:repeat-x;
	background-position:left top;
	/** /background-color:#F5F7F8;/**/
}


.redirect_form
{
	background:#fff url(../images/page_bg.jpg) repeat-x;
	border-top:1px solid #00AAAB;	
	background-position: 50% 80%;
	padding-left:10px;
	padding-top:10px;
	padding-right:10px;
	color:#4963A9;
	font-size:12px;
	font-family:"Trebuchet MS", Geneva, Helvetica, Arial, sans-serif;
	vertical-align:bottom;
	width:60%;
	text-align:center;
}

#admin_identity {
/* IE 5.0/Win and other lesser browsers will use this */
position: absolute; right: 0px; bottom: 0px;
}
body > div#admin_identity {
/* used by Netscape6+/Mozilla, Opera 5+, Konqueror, Safari, OmniWeb 4.5+, ICEbrowser */
position: fixed;
}

#admin_identity 
{
	width:200px;
	height:90px;
	background:url("../images/myview_logo.gif") no-repeat top left;
}
#skimmers2stat
{
	 float:right;
	 border:0px solid black;
	 width:800px;	 
}

/** /
admin styles end }
/**/
#winners
{
	padding-top:20px;
}

#winners .sItem
{
	 text-align:left;
	 padding: 5px 5px 5px 5px;
	 font-size:12px;
}

.points_information
{ 

	text-align:left; 
	padding-left:40px;

}
.points_information p
{
		font-size:0.9em; 
}
