a{color: #1f4171; text-decoration: none; font-weight: normal;}
a:visited{color: #1f4171; text-decoration: none; font-weight: normal;}
a:hover{color: #1f4171; text-decoration: underline; font-weight: normal;}


a.top_menu{float: left; display:block; height: 30px; padding-left: 12px; padding-right:12px; padding-top:7px;  color: #ffffff; text-decoration: none; font-weight: bold; font-size:14px;}
a.top_menu:visited{color: #ffffff; text-decoration: none; font-weight: bold; font-size:14px;}
a.top_menu:hover{color: #1f4171; text-decoration: none; font-weight: bold;  font-size:14px; background-color:#FFFFFF}

a.sub_menu{float: right; height:20px;  margin: 0px; color: #ffdd00; text-decoration: none; font-weight: bold; font-size:11px;border-right: 1px solid #93A0B1;  padding-top:6px; padding-left:5px; padding-right:5px; background-color: #006600}
a.sub_menu:visited{color: #ffdd00; text-decoration: none; font-weight: bold; font-size:11px;}
a.sub_menu:hover{color: #ffdd00; text-decoration: underline; font-weight: bold;  font-size:11px;}

a.sub_menu_2{float: right; margin: 0px; height: 20px; overflow:hidden; color: #1f4171; text-decoration: none; font-weight: bold; font-size:11px; background-color:#ffdd00; border-right: 1px solid #93A0B1; padding-top:6px; padding-left:5px; padding-right:5px }
a.sub_menu_2:visited{color: #1f4171; text-decoration: none; font-weight: bold; font-size:11px;}
a.sub_menu_2:hover{color: #1f4171; text-decoration: underline; font-weight: bold;  font-size:11px;}

a.sub_menu_3{float: right; margin: 0px; height: 20px; overflow:hidden; color: #1f4171; text-decoration: none; font-weight: bold; font-size:11px; background-color:#ffffff; border-right: 1px solid #93A0B1; padding-top:6px; padding-left:5px; padding-right:5px }
a.sub_menu_3:visited{color: #1f4171; text-decoration: none; font-weight: bold; font-size:11px;}
a.sub_menu_3:hover{color: #1f4171; text-decoration: underline; font-weight: bold;  font-size:11px;}


a.news_menu{float: left; display:block; width: 276px; height: 27px; padding-left: 12px; padding-right:12px; padding-top:7px;  color: #1f4171; text-decoration: none; font-weight: bold; font-size:14px; border-bottom:1px solid #6881a3}
a.news_menu:visited{color: #1f4171; text-decoration: none; font-weight: bold; font-size:14px;}
a.news_menu:hover{color: #ffffff; text-decoration: none; font-weight: bold;  font-size:14px; background-color:#1f4171;}


a.weather_menu{float: left; display:block; width: 276px; height: 17px; padding-left: 12px; padding-right:12px; padding-top:2px;  color: #1f4171; text-decoration: none; font-weight: bold; font-size:14px; border-bottom:1px solid #1f4171}
a.weather_menu:visited{color: #1f4171; text-decoration: none; font-weight: bold; font-size:14px;}
a.weather_menu:hover{color: #ffffff; text-decoration: none; font-weight: bold;  font-size:14px; background-color:#1f4171}

a.news_title{color: #1f4171; text-decoration: none; font-weight: bold; font-size:14px;}
a.news_title:visited{color: #1f4171; text-decoration: none; font-weight: bold; font-size:14px;}
a.news_title:hover{color: #ffffff; text-decoration: none; font-weight: bold;  font-size:14px; background-color:#1f4171}

a.green{color: #1f4171; text-decoration: none; font-weight: bold;}
a.green:visited{color: #1f4171; text-decoration: none; font-weight: bold;}
a.green:hover{color: #ff8000; text-decoration: underline; font-weight: bold;}


a.white_box{height: 40px; padding-left: 12px; padding-right:12px; padding-top:7px; padding-bottom:7px; color: #ffffff; text-decoration: none; font-weight: bold; font-size:14px;}
a.white_box:visited{color: #ffffff; text-decoration: none; font-weight: bold; font-size:14px;}
a.white_box:hover{color: #1f4171; text-decoration: none; font-weight: bold;  font-size:14px; background-color:#FFFFFF}


a.white_box2{height: 40px; padding-left: 7px; padding-right:7px; padding-top:3px; padding-bottom:3px; color: #ffffff; text-decoration: none; font-weight: bold; font-size:14px; line-height:20px}
a.white_box2:visited{color: #ffffff; text-decoration: none; font-weight: bold; font-size:14px;}
a.white_box2:hover{color: #1f4171; text-decoration: none; font-weight: bold;  font-size:14px; background-color:#FFFFFF}

a.white_box3{height: 40px; padding-left: 7px; padding-right:7px; padding-top:2px; padding-bottom:2px; color: #ffffff; text-decoration: none; font-weight: normal; font-size:13px; line-height:17px}
a.white_box3:visited{color: #ffffff; text-decoration: none; font-weight: normal; font-size:13px;}
a.white_box3:hover{color: #1f4171; text-decoration: none; font-weight: normal;  font-size:13px; background-color:#FFFFFF}




#hint a{color: #ffffff; text-decoration: underline; font-weight: normal;}
#hint a:visited{color: #ffffff; text-decoration: underline; font-weight: normal;}
#hint a:hover{color: #cccccc; text-decoration: underline; font-weight: normal;}

* H1 {color: #1f4171; font-family: Tahoma; font-size: 24px; font-weight: bold}
* H2 {color: #1f4171; font-family: Tahoma; font-size: 18px; font-weight: bold}
* H3 {color: #1f4171; font-family: Tahoma; font-size: 14px; font-weight: bold}
* H4 {color: #1f4171; font-family: Tahoma; font-size: 12px; font-weight: bold}
* H5 {color: #1f4171; font-family: Tahoma; font-size: 11px; font-weight: bold}

input, select, textarea {
border: 1px solid #9fb0c6;
}

p{margin:0px; padding:0px}

form{
margin: 0px;
}


.bigfields{
font-size: 18px; 
padding:3px;
}


.heading{
background-image: url('../images/groups_heading_bg.jpg'); 
background-repeat:repeat-x; 
height:16px; 
margin: 0px; 
color: #ffffff; 
padding:8px 0px 8px 15px; 
font-weight:bold;
font-size:12px;
font-family:Georgia, "Times New Roman", Times, serif;
}

.button_bg, .button_red_bg, .button_yellow_bg{
	border: 0px;
	background-repeat:repeat-x;
	background-position:center;
	color:#FFFFFF;
	cursor:pointer;
	background-color: transparent;
	padding:1px 0px 3px 0px;
	text-align:center;
}

.button_bg{
	background-image:url('../images/button_bg.jpg');
}

.button_red_bg{
	background-image:url('../images/button_red_bg.gif');
}

.button_yellow_bg{
	background-image:url('../images/button_yellow_bg.jpg');
	color:#1f4171;
	font-weight:bold;
}


.searchArea{
  padding:0px;
  margin: 0px;
  margin-left:5px;
  border:0px; 
  width: 350px; 
  height:30px;
  background-color:transparent;
  position:relative;
}

.searchBox{
	position:absolute;
	top:0px;
	left:0px;
	background-image:url('../images/search_bg.png');
	background-repeat:no-repeat;
	background-position:left;
	padding:0px;
	border:0px; 
	width: 230px; 
	height:29px;
	background-color:transparent;
	font-size: 14px;
	font-weight: bold;
	color: #1f4171;
}

.searchBar{
	position:absolute;
	top: 5px;
	left: 28px;
	width: 195px;
	height:20px;
	background-color:transparent;
	border:0px solid black; 
	font-size: 14px;
	font-weight: bold;
	color: #1f4171;
}

.searchButtonBox{
	position:absolute;
	top:0px;
	left:240px;
	padding:0px;
	border:0px; 
	width: 100px; 
	height:29px;
	background-color:transparent;
	font-size: 14px;
	font-weight: bold;
	color: #1f4171;
}

.searchButton{
	position:absolute;
	top:0px;
	left:0px;
	background-image:url('../images/search_button_bg.png');
	background-repeat:no-repeat;
	background-position:left;
	padding:0px;
	border:0px; 
	width: 100px; 
	height:29px;
	background-color:transparent;
	font-size: 14px;
	font-weight: bold;
	color: #1f4171;
}

.searchCheckboxes{
	position:absolute;
	top:29px;
	left:5px;
	padding:0px;
	border:0px; 
	width: 350px; 
	height:20px;
	background-color:transparent;
	font-size: 11px;
	font-weight: normal;
	color: #1f4171;
}



.spacer{
margin: 10px
}

body
{
	text-align:center;
	margin: 0px;
	background-color: #ffffff;
	font-family: Arial, Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	background-image:url('../images/body_bg.png');
	/*background-image:url('../images/bg_snow.jpg');*/
	background-position: 0px 33px;
	background-repeat:repeat-x;
}



#alert_box{
z-index: 999999;
position: fixed;
right:3px;
top: 3px;
padding:15px;
background-color: #FFFFFF;
border: 5px solid #6699cc;
min-width: 300px;
text-align:left;
display: none;

}


#header{
width:100%;
height:40px;
position:relative;
top:0px;
text-align:left;
background-color:#1f4171;
overflow:hidden;
}

#header_inner{
width:960px;
height:30px;
position:relative;
top:5px;
text-align:left;
background-color:#1f4171;
overflow:hidden;
}



#content{
width:960px;
text-align:left;
}



#footer{
width:960px;
margin-bottom:50px;
margin-top: 50px; 
color: #1f4171;
}


#wrapper{
width:960px;
position:relative;
top:0px;
/*background-image:url('../images/wrapper_bg.png');
background-repeat:no-repeat;
background-position: top center
*/}

#banner{
z-index:99999;
margin-bottom:10px;
}

#banner2{
z-index:99999;
margin-bottom:10px;
margin-left:5px;
}


#tools{
width:350px;

background-color:#ffffff;
position:absolute;
top:20px;
left: 0px;
z-index: 999;
background-color: transparent;

}



#main_column{
margin-top:20px;
width:596px;
background-color:#ffffff;
float: right;
z-index: 999;
background-color: transparent;
}




.section_title{
border-bottom:1px solid #1f4171; 
margin-bottom:5px;
text-align:left;
width:100%;
height: 16px;
}
.title{
border-bottom:1px solid #1f4171; 
margin-bottom:5px;
text-align:left;
width:100%;
height: 16px;
}


.top_message{
display: block;
text-align:left;
color:#1F4171;
}

.news_item{
display:block;
margin-bottom:3px;
color:#bbbbbb;
}

.news_item_box{
display:block;
margin-bottom:10px;
color:#333333;
}


.online_user{
display: block;
text-align:left;
color:#1F4171;
}



#search, #news, #random_users, #top_photos, #weather, #forum, #games, #surveys, #welcome_message{

margin-bottom: 20px;

}
#search{
height:40px
}
/*

position:absolute;
top:0px;
left:0px;
text-align:left;
color:#000000;
}

#news{
position:absolute;
top:65px;
left:0px;
text-align:left;
width:100%;
}



#random_users{
position:absolute;
top:195px;
left:0px;
text-align:left;
color:#000000;
width:100%;
}

#top_photos{
position:absolute;
top:410px;
left:0px;
text-align:left;
color:#000000;
width:100%;
}


#weather{
position:absolute;
top:610px;
left:0px;
text-align:center;
width:100%;
}



#forum{
position:absolute;
top:690px;
left:0px;
text-align:left;
color:#000000;
width:100%;
}

#games{
position:absolute;
top:890px;
left:0px;
text-align:left;
color:#000000;
width:100%;
}

#surveys{
position:absolute;
top:940px;
left:0px;
text-align:left;
color:#000000;
width:100%;
}


#welcome_message{
width:100%;
position:absolute;
top:1000px;
left: 0px;
z-index: 999;
background-color: transparent;
text-align:left;
font-size:11px;
color:#000000;
}
*/


#currencies{
margin-bottom: 10px;
text-align:left;
color:#000000;
width: 100%;
}

#calculators{
margin-bottom: 10px;
text-align:left;
color:#000000;
width: 100%;
}



#body_text_1{
width:590px;
z-index: 999;
background-color: transparent;
text-align:left;
font-size:12px;
font-weight:normal;
}




#body_text_4{
width:960px;
background-color:#ffffff;
position:absolute;
top:1100px;
left: 0px;
z-index: 999;
background-color: transparent;
text-align:left;
font-size:11px;
color:#000000;
}

#body_text{
width:230px;
background-color:#ffffff;
position:absolute;
top:465px;
left: 0px;
z-index: 999;
background-color: transparent;
text-align:left;
font-size:12px;
font-weight:bold
}


#body_text2{
width:850px;
background-color:#ffffff;
position:absolute;
top:620px;
left: 0px;
z-index: 999;
background-color: transparent;
text-align:left;
font-size:11px
}


#body_text3{
width:850px;
background-color:#ffffff;
position:absolute;
top:770px;
left: 0px;
z-index: 999;
background-color: transparent;
text-align:left;
font-size:11px;
color:#008800;
}





#my_links{
width:596px;
position:relative;
background-color: transparent;
border:0px solid red;
text-align:center;
}

#my_links .photo{
position:absolute;
top:0px;
left:0px;
width:130px;
height:143px;
overflow:hidden;
background-color: transparent;
border:0px solid #9fb0c6;
}
#my_links .link_button{
position:absolute;
width:128px;
height:33px;
background-image:url('../images/btn_bg.jpg');
background-repeat:no-repeat;
overflow:hidden;
background-color: transparent;
border:0px;
padding-top:8px;
}

#my_links .link_button2{
position:absolute;
width:128px;
height:33px;
background-image:url('../images/btn_bg2.jpg');
background-repeat:no-repeat;
overflow:hidden;
background-color: transparent;
border:0px;
padding-top:8px;
}

#my_links .link_button3{
position:absolute;
width:128px;
height:33px;
background-image:url('../images/btn_bg3.jpg');
background-repeat:no-repeat;
overflow:hidden;
background-color: transparent;
border:0px;
padding-top:8px;
}

#my_links .link_big_button{
position:absolute;
width:128px;
height:61px;
background-image:url('../images/btn_big_bg.jpg');
background-repeat:no-repeat;
overflow:hidden;
background-color: transparent;
border:0px;
}

#my_links .link_big_button2{
position:absolute;
width:128px;
height:61px;
background-image:url('../images/btn_big_bg2.jpg');
background-repeat:no-repeat;
overflow:hidden;
background-color: transparent;
border:0px;
}

#my_links .big{
font-size:14px;
font-weight:bold;
}


#my_links #customise{
position:absolute;
top:0px;
left:158px;
width:433px;
height:225px;
overflow:hidden;
background-color: #ebedf4;
border:1px solid #9fb0c6;
text-align:left;
display:none;
}


#my_links #focal{
position:absolute;
top:0px;
left:158px;
width:433px;
height:225px;
overflow:hidden;
background-color: #ebedf4;
border:1px solid #9fb0c6;
text-align:left;
display:none;
}


#my_links #user_search{
position:absolute;
top:0px;
left:158px;
width:433px;
height:141px;
overflow:hidden;
background-color: #ebedf4;
border:1px solid #9fb0c6;
text-align:left;
display:none;
}

#my_links #user_search_message{
position:absolute;
top:0px;
left:158px;
width:433px;
height:141px;
overflow:hidden;
background-color: #ebedf4;
border:1px solid #9fb0c6;
text-align:left;
display:none;
color:#FF0000;
}




#my_links_settings{
width:596px;
height:130px;
position:relative;
background-color: transparent;
border:0px solid red;
}



#my_links_settings .link_button{
position:absolute;
width:190px;
height:25px;
background-image:url('../images/btn_bg.jpg');
background-repeat: repeat-x;
overflow:hidden;
background-color: transparent;
border:0px;
padding-top:8px;
text-align:center
}


#my_links_settings .link_button3{
position:absolute;
width:190px;
height:25px;
background-image:url('../images/btn_bg_long.jpg');
background-repeat:no-repeat;
overflow:hidden;
background-color: transparent;
border:0px;
padding-top:8px;
text-align:center
}




#user_profile{
display: block;
margin-top: 15px;
text-align:left;
color:#1F4171;
}

#user_profile .photo{
float: left;
width: 155px;
text-align:left;
position: relative;
}

#user_profile .photos{
float: left;
width: 105px;
height:105px;
text-align:left;
position:relative;
}


#user_profile .right_box{
position: relative;
float: right; 
width:430px; 
max-height:335px;
background-color:#ffffff; 
border: 1px solid #808FA4;
}

#user_profile .bosca_focal{
margin: 0px;
width: 430px;
height:40px;
color: #ffffff; 
font-family: Arial; 
font-size: 12px; 
font-weight: bold;
text-align:left;
background-color:#1F4171;
overflow:hidden;
}

#user_profile .help_with{
margin: 10px;
width: 410px;
max-height:100px;
text-align:left; 
font-family: Arial; 
font-weight:bold;
overflow:hidden;
}


#user_profile .shamrocks{
margin: 0px;
width: 430px;
height:65px;
border-top: 1px solid #808FA4;
text-align:left; 
font-family: Arial; 
font-weight:bold;
overflow:hidden;
}


#user_profile .news_article{
/*
margin: 0px;
width: 430px;
height:65px;
border-top: 1px solid #808FA4;
text-align:left; 
font-family: Arial; 
font-weight:normal;
overflow:hidden;
*/

margin: 0px;
width: 430px;
max-height:80px;
color: #ffffff; 
font-family: Arial; 
font-size: 12px; 
font-weight: bold;
text-align:left;
background-color:#1F4171;
overflow:hidden;
}

#user_profile .news_article a{
font-weight:bold;
color:#FFFFFF;
font-size:14px;
}

#user_profile .button{
width:150px;
height:33px;
background-image:url('../images/btn_bg.jpg');
background-repeat:repeat-x;
overflow:hidden;
background-color: transparent;
border:0px;
padding-top:8px;
text-align:center;
}

#user_profile .photo_section{
width: 960px; 
background:url('../images/photo_bar_bg.gif'); 
background-repeat:repeat-x;
margin: 0px; 
border-top: 1px solid #CACACA;
min-height:60px;
}


#groups .photo_section{
width: 960px; 
background:url('../images/groups_photo_bar_bg.jpg'); 
background-repeat:repeat-x;
margin: 0px; 
border-top: 1px solid #ffffff;
min-height:60px;
}


/* this is for new phone design
#phone{
width:596px;
height:535px;
position:relative;
background-color: transparent;
z-index:1005;
margin-bottom:10px;
background-image: url('../images/phone_cover.png');
background-position: left top;
background-repeat:no-repeat;
}


.phone_cover{
display:block;
position:absolute;
top:0px;
left:10px;
z-index:1009;
}


#phone .cover_wrap{
	position:absolute; 
	top:270px; 
	left: -10px; 
	width:595px; 
	height:280px; 
	background-color:#999999;
	filter:alpha(opacity=0);
	opacity: 0.0;
	-moz-opacity:0;
	z-index:1010;
	}

#phone .cover_buttons{
	position:absolute; 
	top:288px; 
	left: 18px; 
	width:555px; 
	height:200px; 
	background-color:transparent;
	z-index:1011;
	}




#message{
	position:absolute; 
	top:258px; 
	left: 0px; 
	width:580px; 
	height:18px; 
	text-align:center;
	color:#FFFFFF;
	z-index:1009;
	font-weight:bold;
	font-size:11px;
	}


*/


#phone{
width:596px;
height:500px;
position:relative;
background-color: transparent;
z-index:1005;
margin-bottom:10px;
}


.phone_cover{
display:block;
position:absolute;
top:0px;
left:0px;
z-index:1009;
}


#phone .cover_wrap{
	position:absolute; 
	top:-15px; 
	left: 0px; 
	width:595px; 
	height:200px; 
	background-color:#999999;
	filter:alpha(opacity=0);
	opacity: 0.0;
	-moz-opacity:0;
	z-index:1010;
	}

#phone .cover_buttons{
	position:absolute; 
	top:0px; 
	left: 18px; 
	width:555px; 
	height:185px; 
	background-color: transparent;
	z-index:1011;
	}
	
	
#message{
	position:absolute; 
	top:580px; 
	left: 0px; 
	width:595px; 
	height:18px; 
	text-align:center;
	color:#1F4171;
	z-index:1009;
	font-weight:bold;
	font-size:11px;
	}






.preview{
display:none;
width:596px;
height:250px;
background-color:transparent;
color:#FFFFFF;
position:absolute;
top:235px;
left:0px;
z-index:1003;
border:1px solid #9FB0C6;
}


.preview_button_bg{
width: 185px; 
height:40px; 
padding-top: 20px;
cursor:pointer;
background-image:url('../images/home_ads_button.png');
background-repeat:no-repeat;
color: #1F4171;
font-size: 15px;
font-weight:bold;
text-align:center;
}








.report_abuse_box{
display:none;
position: absolute;
top:-120px;
left:100px;
width: 630px;
height:330px;
border:10px solid #6699cc;
padding:15px;
background-color:#FFFFFF
}
















.fields{
	border-width: 1px;
	border-style:solid; 
	border-top-color:#808080; 
	border-left-color:#808080;
	border-bottom-color:#c0c0c0;
	border-right-color:#c0c0c0;
}

.input{
	border-width: 1px;
	border-style:solid; 
	border-color:#DDE2ED ; 
	padding: 3px;
}

.submit_button{
	border-width: 1px;
	border-style:solid; 
	border-top-color:#cfcfcf; 
	border-left-color:#cfcfcf;
	border-bottom-color:#727272;
	border-right-color:#727272;
	background-color: $fefefe;
}

.error {
	color:#cf0000;
}

.done {
	
	background-color:#009900;
	color:white;
	text-align:center;
	padding:10px;
	margin:10px 0px 20px 0px;
}
.notdone {
	
	background-color:#cf0000;
	color:white;
	text-align:center;
	padding:10px;
	margin:10px 0px 20px 0px;
}






/* Fixes issue here http://code.google.com/p/jcrop/issues/detail?id=1 */
.jcrop-holder { 
text-align: left;
background-color:transparent;
}

.jcrop-vline, .jcrop-hline
{
	font-size: 0;
	position: absolute;
	background: white url('Jcrop.gif') top left repeat;
}
.jcrop-vline { height: 100%; width: 1px !important; }
.jcrop-hline { width: 100%; height: 1px !important; }
.jcrop-handle {
	font-size: 1px;
	width: 7px !important;
	height: 7px !important;
	border: 1px #eee solid;
	background-color: #333;
	*width: 9px;
	*height: 9px;
}

.jcrop-tracker { width: 100%; height: 100%; }

.custom .jcrop-vline,
.custom .jcrop-hline
{
	background: yellow;
}
.custom .jcrop-handle
{
	border-color: black;
	background-color: #C7BB00;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}




#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #cacaca;
	background-color: #ffffff;
	padding: 5px;
	opacity: 0.95;
	font-weight:normal;
	font-size: 10px;
	font-family:Arial, Helvetica, sans-serif;
}
#tooltip h3, #tooltip div { 
	margin: 0;
	font-weight:normal;
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	}