@charset "utf-8";
/* CSS Document */
body{background:url(../../images/body-bg.png) repeat-x;}
/* --------------- Common -------------------- */
*{margin:0;padding:0;font-family:Arial, Helvetica, sans-serif;outline:none;font-size:12px;color:#000;}
a{
	text-decoration:none;
	color:#3FA9F5;
	font-size:12px;
	cursor:pointer;
	}
a:hover{outline:none;text-decoration:underline;}
textarea{resize:none;}
img{border:none;}
.clear{clear:both;}
.bottom_border {height:2px;background:#bfbfbf;}

/* --------------- Common -------------------- */
#main_wrapper{ background:url(../../images/wrapper-bg.png) repeat-x left top;}
/*background:url(../../images/full-bg.jpg) repeat-x left 35px;*/
#container{width:1023px;margin-bottom:5px;margin-top:0px;z-index:10000;}
#header{background:url(../../images/header-bg.jpg) repeat-x left bottom #f3f3f3;height:42px;width:1023px;}
#logo{float:left;margin:4px 10px 0 16px;}
#menu{float:left;width:560px;}
#menu ul li{list-style:none;float:left;}
#menu ul li a{float:left;height:20px;padding:13px 18px 6px 18px; color:#000000;!important}
#menu ul li a:hover {text-decoration:none;}
.win.ie7 #menu ul li a{padding:13px 18px 6px 18px;}
#menu ul li a:hover{background:#cdcdcc;}
#menu ul li .select{background:#cdcdcc;}
#search{float:left;width:261px;height:25px;margin:8px 0 0 0;background:url(../../images/search.jpg) no-repeat left top;}
.search-input{background:none;border:none;width:175px;margin:5px 2px 0 6px;height:15px;color:#999;font-weight:bold;float:left;}
.search-btn{background:url(../../images/search-btn.jpg) no-repeat left top;width:72px;height:25px;border:none;cursor:pointer;float:left;}
.search-btn:hover{background:url(../../images/search-btn.jpg) no-repeat left bottom;}

.toplinks{color:#000000;font-size:12px;display:block;float:left;width:47px;height:19px;}
.toplinks:hover{text-decoration:underline;}

.toplinks ul li{list-style:none;float:left;}
.toplinks ul li a{float:left; height:14px; padding:13px 6px; margin-left:4px;}
.toplinks ul li a:hover{background:#cdcdcc;}

.info{margin-top:165px;
text-align:center;
width:100%;
color:#CCCCCC;
font-size:15px;
font-weight:bold;}

#footer{text-align:left !important;color:#ccc !important;font-size:11px !important;margin:0 15px;padding-bottom:30px;clear:both;}
#footer span{color:#4D4D4D !important;font-size:11px !important;}
#footer a{color:#4D4D4D !important;font-size:12px !important;font-weight:bold !important;font-family:Arial,Helvetica,sans-serif !important;}
#footer a:hover{text-decoration:underline !important;}

#notificationBar{background-image:url(/../../images/bg_notification_translucent_green_1px.png);background-repeat:repeat;text-align:center; font-size:24px; font-weight:bold; position:fixed; display:block; width:100%;top:0px;left:0px;cursor:pointer;cursor:hand;}

#successMsg{background-image:url(/../../images/bg_notification_translucent_blue_1px.png);background-repeat:repeat;text-align:center; font-size:24px; font-weight:bold; position:fixed; display:block; width:100%;top:0px;left:0px;cursor:pointer;cursor:hand;}


#header .dropdown {
	background:transparent url(../../images/bg_dropdown_search_facebook.png) no-repeat scroll 0 0;
	height:117px;
	left:3px;
	padding:0 7px 0 0;
	position:absolute;
	top:25px;
	width:182px;
	z-index:1001;
}


/*#header .dropdown {
	background:transparent url(../../images/bg_dropdown_search_facebook.png) no-repeat scroll 0 0;
	height:113px;
	left:974px;
	padding:0 7px 0 0;
	position:absolute;
	top:54px;
	width:182px;
}
*/
#header .dropdown p {
	display:block;
	height:25px;
	text-align:left;
	width:181px;
}
#header .dropdown .active {
	background:#F1E2C4 none repeat scroll 0 0;
	color:#4C4D3D;
}

#header .dropdown p a {
	color:#ffffff;
	display:block;
	font-size:14px;
	font-weight:bold;
	height:23px;
	padding:3px 0 0 15px;
	text-decoration:none;
}

#header .dropdown p a:hover {
	background:#F1E2C4 none repeat scroll 0 0;
	color:#4C4D3D;
}
#header .dropdown .border {
	border-left:medium none;
	border-right:medium none;
}
#header .dropdown p {
	display:block;
	height:25px;
	width:181px;
	margin:0;
}
.border {
	border-top:1px solid #000000;
}
#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}
  
#boxes .window {
  position:absolute;
  left:0;
  top:0;
  width:440px;
  height:200px;
  display:none;
  z-index:9999;
  padding:20px;
}

#boxes #dialog {
  width:375px; 
  height:203px;
  padding:10px;
  background-color:#ffffff;
}

#boxes #dialog1 {
  width:375px; 
  height:203px;
}

#dialog1 .d-header {
  background:url(images/login-header.png) no-repeat 0 0 transparent; 
  width:375px; 
  height:150px;
}

#dialog1 .d-header input {
  position:relative;
  top:60px;
  left:100px;
  border:3px solid #cccccc;
  height:22px;
  width:200px;
  font-size:15px;
  padding:5px;
  margin-top:4px;
}

#dialog1 .d-blank {
  float:left;
  background:url(images/login-blank.png) no-repeat 0 0 transparent; 
  width:267px; 
  height:53px;
}

#dialog1 .d-login {
  float:left;
  width:108px; 
  height:53px;
}

#boxes #dialog2 {
  background:url(images/notice.png) no-repeat 0 0 transparent; 
  width:326px; 
  height:229px;
  padding:50px 0 20px 25px;
}

.whiteText {
	color:#FFFFFF;
}
.cursorpointer {
	cursor:pointer;
}
.magcontent{
	float:left;
	width:650px;
}
#leftside h3{
font-size:12px!important;
margin:0!important;
}
.bompa_link{
	color:#3FA9F5;
	font-size:12px;
	cursor:pointer;
}
.bompa_link:hover{
	text-decoration:underline;
}
.top_style2{
	top:2px;
}
.top_style7{
	top:7px;
}
.profile_facebook_icn{
	float:left;
	width:24px;
	height:24px;
	background: url("../../../images/social-icons/24x24/facebook.png") scroll 0% 100% no-repeat;
	margin-right:3px;
}
.profile_facebook_icn:hover{
	float:left;
	width:24px;
	height:24px;
	background: url("../../../images/social-icons/24x24/facebook.png") scroll 0% 0% no-repeat;
	margin-right:3px;
}
.profile_twitter_icn{
	float:left;
	width:24px;
	height:24px;
	background: url("../../../images/social-icons/24x24/twitter.png") scroll 0% 100% no-repeat;
	margin-right:3px;
}
.profile_twitter_icn:hover{
	float:left;
	width:24px;
	height:24px;
	background: url("../../../images/social-icons/24x24/twitter.png") scroll 0% 0% no-repeat;
	margin-right:3px;
}
.profile_myspace_icn{
	float:left;
	width:24px;
	height:24px;
	background: url("../../../images/social-icons/24x24/myspace.png") scroll 0% 100% no-repeat;
	margin-right:3px;
}
.profile_myspace_icn:hover{
	float:left;
	width:24px;
	height:24px;
	background: url("../../../images/social-icons/24x24/myspace.png") scroll 0% 0% no-repeat;
	margin-right:3px;
}



/**----------  CONFIRM BOX POPUP STYLE --------- **/
/*NOTE SCOTT COPIED THIS confirm-hoverbox stuff to confirm-hoverbox.css as this css file isnt and cant be used as is*/
/*this file has styles for body and more no longer used

#confirm-hoverbox{
	float:left;
	width:465px;
	}
#confirm-hoverbox .confirm-hoverbox-top{
	float:left;
	width:462px;
	background:url(../../images/update-hoverbox-top.png) no-repeat;
	height:10px;
	}
#confirm-hoverbox .confirm-hoverbox-mid{
	float:left;
	width:450px;
	background:url(../../images/update-hoverbox-mid.png) repeat-y;
	padding:0px 4px 0px 8px;
	}
#confirm-hoverbox .confirm-hoverbox-btm{
	float:left;
	width:462px;
	background:url(../../images/update-hoverbox-btm.png) no-repeat;
	height:10px;
	}
#confirm-hoverbox .confirm-hoverbox-mid .title{
	float:left;
	width:423px;
	font:bold 15px arial;
	color:#4E4E4E;
	margin:0px 0px 10px 5px; 
	text-align:left;
	}
#confirm-hoverbox .confirm-hoverbox-mid .close{
	float:right;
	width:15px;
	height:15px;
	overflow:hidden;
	margin:3px 3px 0px 0px;
	}
#confirm-hoverbox .confirm-hoverbox-mid .close a{
	float:left;
	background:url(../../images/close-btn.png) no-repeat;
	text-indent:-9999em;
	width:15px;
	height:15px;
	overflow:hidden;
	}
#confirm-hoverbox .inner-block{
	float:left;
	width:445px;
	/*background:url(<?php //echo SITEURL?>images/whtsup_bg.png) scroll 49% 0% repeat-y;*/
	}
#confirm-hoverbox .inner-block .content{
	float:left;
	width:420px;
	padding:0px 8px 0px 6px;
	/*border-right:2px solid #b6b6b6;*/
	}
#confirm-hoverbox .inner-block .content span{ font-size:10px;	}
#confirm-hoverbox .inner-block .content a{ font-size:10px;	margin-left:1px;}

#confirm-hoverbox .inner-block .content .post{
	float:left;
	width:115px;
	background: transparent url(../../images/post-btn-confirm.png) left top;
	margin-left: 92px;
	height:32px;
	}
#confirm-hoverbox .inner-block .content .post:hover {
	background: transparent url(../../images/post-btn-confirm.png) left bottom;
}
#confirm-hoverbox .inner-block .content .cancel{
	float:left;
	width:115px;
	background: transparent url(../../images/post-cancel.png) left top;
	margin-left: 8px;	
	height:32px;
	}
#confirm-hoverbox .inner-block .content .cancel:hover {
	background: transparent url(../../images/post-cancel.png) left bottom;
}
#confirm-hoverbox .inner-block .content .heading{
	float:left;
	color:#010101;
	width:188px;
	text-align:center;
	font:bold 15px arial;
	margin-bottom:13px;
	}
#confirm-hoverbox .inner-block .content ul{
	float:left;
	padding:0px;
	margin:0px;
	list-style-type:none;
	width:132px;
	}
#confirm-hoverbox .inner-block .content ul li{
	float:left;
	width:200px;
	margin-bottom:5px;
	font:normal 11px arial;
	color:#010101;
	text-align:left;
	border-bottom:1px solid #b6b6b6;
	padding-bottom:5px;
	}
#confirm-hoverbox .inner-block .content ul li a{
	font:normal 11px arial;
	color:#010101;
	text-decoration:none;
	}
#confirm-hoverbox .inner-block .content ul li a:hover{
	text-decoration:underline;
	}
#confirm-hoverbox .inner-block .content .number-block{
	float:right;
	}
#confirm-hoverbox .inner-block .content .number-block .left-bg-blue{
	float:left;
	width:4px;
	height:13px;
	background:url(../../images/left-bg-blue.png) no-repeat;
	}
#confirm-hoverbox .inner-block .content .number-block .bg-blue-mid{
	float:left;
	height:13px;
	background:url(../../images/bg-blue-mid.png) repeat-x;
	font:bold 11px arial;
	color:#FFF;
	}
#confirm-hoverbox .inner-block .content .number-block .bg-blue-mid a{
	text-decoration:none;
	font:bold 11px arial;
	color:#FFF;
	}
#confirm-hoverbox .inner-block .content .number-block .right-bg-blue{
	float:left;
	width:4px;
	height:13px;
	background:url(../../images/right-bg-blue.png) no-repeat;
	}
#confirm-hoverbox .confirm-hoverbox-mid .clear-update{
	float:right;
	width:400px;
	margin-right:6px;
	font:normal 11px arial;
	color:#010101;
	text-align:right;
	}
	
	

/**----------  TellFriends BOX POPUP STYLE --------- **/
#tellfriends-hoverbox{
	float:left;
	width:465px;
	}
#tellfriends-hoverbox .tellfriends-hoverbox-top{
	float:left;
	width:462px;
	background:url(../../images/update-hoverbox-top.png) no-repeat;
	height:10px;
	}
#tellfriends-hoverbox .tellfriends-hoverbox-mid{
	float:left;
	width:450px;
	background:url(../../images/update-hoverbox-mid.png) repeat-y;
	padding:0px 4px 0px 8px;
	}
#tellfriends-hoverbox .tellfriends-hoverbox-btm{
	float:left;
	width:462px;
	background:url(../../images/update-hoverbox-btm.png) no-repeat;
	height:10px;
	}
#tellfriends-hoverbox .tellfriends-hoverbox-mid .title{
	float:left;
	width:423px;
	font:bold 15px arial;
	color:#4E4E4E;
	margin:0px 0px 10px 5px; 
	text-align:left;
	}
#tellfriends-hoverbox .tellfriends-hoverbox-mid .close{
	float:right;
	width:15px;
	height:15px;
	overflow:hidden;
	margin:3px 3px 0px 0px;
	}
#tellfriends-hoverbox .tellfriends-hoverbox-mid .close a{
	float:left;
	background:url(../../images/close-btn.png) no-repeat;
	text-indent:-9999em;
	width:15px;
	height:15px;
	overflow:hidden;
	}
#tellfriends-hoverbox .inner-block{
	float:left;
	width:445px;
	/*background:url(<?php //echo SITEURL?>images/whtsup_bg.png) scroll 49% 0% repeat-y;*/
	}
#tellfriends-hoverbox .inner-block .content{
	float:left;
	width:420px;
	padding:0px 8px 0px 6px;
	font-size:10px;
	/*border-right:2px solid #b6b6b6;*/
	}
#tellfriends-hoverbox .inner-block .content span{ font-size:10px;	}
#tellfriends-hoverbox .inner-block .content a{ font-size:10px;	margin-left:1px;}
#tellfriends-hoverbox .inner-block .content .post-textarea-friends {	
	background:#FFFFFF none repeat scroll 0 0;
	border:1px solid #000000;
	height:40px;
	margin:3px 0 2px;
	padding:5px;
	width:400px;
}
#tellfriends-hoverbox .inner-block .content .post{
	float:left;
	width:115px;
	background: transparent url(../../images/post-btn.png) left top;
	margin-left: 132px;
	height:32px;
	}

#tellfriends-hoverbox .inner-block .content .post:hover {
	background: transparent url(../../images/post-btn.png) left bottom;
}
#tellfriends-hoverbox .inner-block .content .cancel{
	float:left;
	width:65px;
	background: transparent url(../../images/btn_skip.png) left top;
	margin-left: 8px;	
	margin-top:-6px;
	height:43px;
	}
#tellfriends-hoverbox .inner-block .content .cancel:hover {
	background: transparent url(../../images/btn_skip.png) left bottom;
}
#tellfriends-hoverbox .inner-block .content .heading{
	float:left;
	color:#010101;
	width:188px;
	text-align:center;
	font:bold 15px arial;
	margin-bottom:13px;
	}
#tellfriends-hoverbox .inner-block .content ul{
	float:left;
	padding:0px;
	margin:0px;
	list-style-type:none;
	width:132px;
	}
#tellfriends-hoverbox .inner-block .content ul li{
	float:left;
	width:200px;
	margin-bottom:5px;
	font:normal 11px arial;
	color:#010101;
	text-align:left;
	border-bottom:1px solid #b6b6b6;
	padding-bottom:5px;
	}
#tellfriends-hoverbox .inner-block .content ul li a{
	font:normal 11px arial;
	color:#010101;
	text-decoration:none;
	}
#tellfriends-hoverbox .inner-block .content ul li a:hover{
	text-decoration:underline;
	}
#tellfriends-hoverbox .inner-block .content .number-block{
	float:right;
	}
#tellfriends-hoverbox .inner-block .content .number-block .left-bg-blue{
	float:left;
	width:4px;
	height:13px;
	background:url(../../images/left-bg-blue.png) no-repeat;
	}
#tellfriends-hoverbox .inner-block .content .number-block .bg-blue-mid{
	float:left;
	height:13px;
	background:url(../../images/bg-blue-mid.png) repeat-x;
	font:bold 11px arial;
	color:#FFF;
	}
#tellfriends-hoverbox .inner-block .content .number-block .bg-blue-mid a{
	text-decoration:none;
	font:bold 11px arial;
	color:#FFF;
	}
#tellfriends-hoverbox .inner-block .content .number-block .right-bg-blue{
	float:left;
	width:4px;
	height:13px;
	background:url(../../images/right-bg-blue.png) no-repeat;
	}
#tellfriends-hoverbox .tellfriends-hoverbox-mid .clear-update{
	float:right;
	width:400px;
	margin-right:6px;
	font:normal 11px arial;
	color:#010101;
	text-align:right;
	}
.linkText {
	color:#3FA9F5;
	margin-left:1px;
}
.disappear {
	display:none;	
}