/* GLOBAL */
body { 
	background-image:url(/img/body_bg.png);
	background-repeat:repeat-x;
	background-color:#CCF0FF;
	font-size: 14px;
	font-family: Arial,Helvetica, sans-serif;
	margin:0;
	padding:0;
	color:#404040;
}
:link {color:#008FCC;background:transparent}
:visited {color: #008FCC;background:transparent}
a:active {color: #008FCC;background:transparent}
a[href]:hover {background:#FFFFAA}
a.external_link {
background:transparent url(/img/external.png) no-repeat scroll right center;
padding-right:13px;
}
a.external_link:hover {
background:transparent url(/img/external.png) no-repeat scroll right center;
padding-right:13px;
}
a.imglink:hover {background:transparent}

h1 {color:#008FCC;margin:15px 0px 15px 0px;font-size:1.6em}

/* BODY STYLE */
.body {line-height:1.357em}
.bodyPopup { background-image:none;background-color:white;margin:0;padding:0}
.bodyContent {width:984px;min-height:500px;margin:0pt auto;text-align:left}
.leftCol {background-color:white;width:625px;padding:10px;float:left;min-height:500px}
.leftColFacebook {background-color:white;width:607px;padding:10px;float:left;min-height:500px}
.rightCol {width:327px;padding:0;float:right;}
.oneCol {border:1px solid #dadada;background-color:white;width:962px;padding:10px;min-height:500px}
.headRow {margin:0 5px 10px 5px;padding:10px 10px 5px 10px;text-align:left;background-color:#F0F0F0;}

/* HEADER STYLE */
.header {background-image:url(/img/bgheader_17.png); background-position:right bottom;position:relative;width:984px;margin:0 auto 10px auto;border:1px solid #9AD8F0;min-height:110px}
.logo {margin:0 auto;width:984px;}
.account {float:right;text-align:right;margin:5px auto;font-size:0.85em}
.account a {color:#404040}
.shareContainer {position:absolute;bottom:8px;right:5px;margin:0;padding:0}
.shareContainer input[type="button"],.shareContainer input.aux[type="button"]{font-size:.83em}
.callToAction {background-color:#FF0083;color:white;padding:2px 4px;border:1px solid;border-color:#FF80C1 #CC0069 #CC0069 #FF80C1;text-decoration:none}
a.callToAction:hover {background-color:#FF0083;cursor:pointer;text-decoration:underline;}
#search_form_bg {-moz-border-radius:8px;height:40px;width:625px;background-color:white;opacity:0.73;filter:alpha(opacity=73);margin:0 auto}
#search_form {height:40px;width:625px;margin:0 auto;position:relative;top:-38px;}
#search_form form {height:40px;margin-left:15px;}
#search_form p {float:left;margin:7px 10px 0 0;text-align:left;}
#search_form label {color:#FF0083;display:block;font-weight:bold;font-size:12px;}
#search_form input[type="text"] {width:225px;border:1px solid #c0c0c0;padding:2px;}
#search_form p#search_near {margin-right:0;width:350px;}
#searchBtn {padding: 2px 0px;float:right;width:65px;font-size:12px;text-capitalize:none}

/* SEARCH FORM */
.searchBox {float:right;margin:0;padding:0}
.searchBox form {display:inline;margin:0;padding:0}
.searchBox form input[type="text"] {margin:0;padding:4px;width:320px;border:1px solid #D0D0D0;font-size:0.9em;background-image:url(/img/searchbg.png);background-repeat:no-repeat;background-position:center right}
.searchBox form input.active[type="text"] {background-image:none}
.searchContacts {margin:10px 0 5px 0;float:none;}
.searchContacts form input[type="text"] {width:298px;border:1px solid #00B2FF}

/* SEARH PAGINATION */
#pg {clear:both;color:#008FCC;height:2em;margin:0;padding:0;}
#pg a, #pg strong {border:1px solid #CADBE3;color:#008FCC;display:block;float:left;margin:0pt 5px 0pt 0pt;padding:1px 8px;text-align:center;text-decoration:none;}
#pg a:hover {background:#008FCC none repeat scroll 0%;border-color:#0079AD;color:#FFFFFF;}
#pg strong {border:0pt none;color:#000000;font-size:107%;font-weight:bold;padding:2px 6px;}
#pg-next, #pg-prev {border-width:2px;font-family:Tahoma,Helvetica,sans-serif;font-size:114%;font-size-adjust:none;font-stretch:normal;font-style:normal;font-variant:normal;font-weight:normal;line-height:normal;margin-top:-2px;padding-bottom:1px;padding-top:1px;}
#pg-next {margin-left:9px;}
#pg-prev {margin-right:14px;}

/* CONTACTS */
.memberCard {float:left;width:296px;height:80px;background-color:#fff;border:1px solid #e0e0e0;padding:8px 5px;margin:5px 10px 5px 0;}
.contact {background-color:#fafafa}
.inlineImg {vertical-align:text-bottom}

/* WIDGETS */
.closeButton {background:transparent url(/img/closeButton.png) no-repeat scroll 0pt 0%;cursor:pointer;height:20px;position:absolute;right:0;top:0;width:20px;}
.closeButton:hover {background-position:0pt 100%;}

/* CIRCLES */
.circleCard {float:left;width:296px;height:80px;background-color:#fff;border:1px solid #e0e0e0;padding:8px 5px;margin:5px 10px 5px 0;}
.follow {background-color:#fafafa}

/* SUB MENU */
.subMenuContainer {padding:0 10px 5px 10px;width:962px;margin:0 auto;background-color:#d0d0d0;border:1px solid #d0d0d0}
.subMenuAction {float:right;padding:2px}
.subMenuAction input[type="button"],.subMenuAction input.aux[type="button"]{font-size:.83em}
.subMenu {margin:0;padding:5px 0 0 0}
a.selectedItem, a.selectedItem:hover {text-decoration:none;font-weight:bold;background-color:#005980;color:white;padding:2px 4px;}

/* SIDE MENU */
.sideAction input[type="button"],.sideAction input.aux[type="button"]{font-size:.68em;margin-left:0;margin-top:5px}
.rBoxTitle {padding:6px;font-weight:bold}
.rBox {background-color:white;margin-bottom:10px;padding-bottom:5px}
.rBox small {font-size:11px;}
.rHelpBox {background-color:#FFFFCC;color:#666652;padding:10px;margin-bottom:10px}
.rHelpBox h2 {color:#FF0084;font-size:1.3em;font-weight:bold;margin-bottom:10px;margin-top:0;background-image:url(/img/help.png);background-repeat:no-repeat;background-position:center right}

/* IN PAGE MESSAGES */
.warning {border:1px solid #990000;margin-top:10px;background:url(/img/warning.gif) no-repeat;padding:5px 5px 5px 40px;background-color:#FFEEEE}
.warning H3{color:#900;font-size:105%;font-weight:bold;padding:0;margin:0}
.confirmation-message {position:relative;height:15px;border:1px solid #5ABF02;background-color:#FFFFCC;color:#5ABF02;font-size:1em;font-weight:bold;margin-top:10px;padding:5px;}
.error-message {font-size:1em;font-weight:bold;color:#900}

/* MEMBER STYLE */
.member img {border:1px solid #D0D0D0;padding:1px;background-color:white}
a.member:hover {background:transparent}

/* TOP TAB MENU */
.navBarBg {
background-image:url(/img/tabs-back-black.png);
background-repeat:repeat-x;
color:#183D79;
font-size:12px;
font-weight:bold;
height:32px;
opacity:0.63;
filter:alpha(opacity=63);
border-top:1px solid #9AD8F0;
}
.navBar{
height:32px;
margin:0 auto;
position:relative;
top:-32px;
color:white;
}
.anchors {float:left;margin:0;padding:6px 0 0 4px;font-size:14px;list-style:none}
.anchors:after {display: block;clear: both;content:" "}
.anchors li {opacity:0.8;filter:alpha(opacity=80);float:left;margin:0 3px 0 0}
.anchors li.tabs-selected {opacity:1;filter:alpha(opacity=100) }
.anchors a {color:white;display:block;position:relative;z-index:2;padding:2px 9px 1px;text-decoration:none}
.anchors a:focus, .anchors a:active {outline:none}
.anchors a:hover, .anchors a:focus, .anchors a:active {cursor:pointer;background-color:transparent;text-decoration:underline}
.anchors a h2 {padding:0;margin:2px}
.tabs-selected a, .tabs-selected a:hover {opacity:1;color:white;text-decoration:none;font-weight:bold;overflow:visible}
.tabs-inactive a:hover {}
.tabContent {padding: 10px 25px;clear:left;background-color:#fff;margin:0;zoom:1}
.tabs-hide {display:none;background-color:#fff}

.highlight { background-color: yellow }

/* quick access */
a.quickAccess {
background-color:transparent;border:0px ;padding:3px 5px;
}
a.quickAccess.selected {
	text-decoration:none;
	font-color:black;
background-color:#F5F5F5;border:1px solid #e0e0e0;padding:2px 4px;border-bottom:1px solid #F5F5F5;
}
/* click menu */
div.cmDiv
{
	border:1px solid #cccccc;
	background-color: #fff;
	background-image: url(/img/arrow-down.png);
	background-position:120px center;
	background-repeat:no-repeat;
	cursor:pointer;
}

.clickMenu{
	margin: 0;
	padding: 0;
}

.clickMenu, .clickMenu ul{
	list-style: none;
}

.clickMenu ul{
	margin: 0;
	padding: 2px;
	/*background-color: #fff;*/
}

.clickMenu div.outerbox{
	display: none;
}

.clickMenu div.inner{
	right: -6px;
	margin: 0;
	//top: 22px; /* for ie */
}

.clickMenu div.inner div.outerbox{
	margin: 0;
	left: 98px;
	//left: 90px; /* for ie */
	top: -3px;
}

.clickMenu li{
	position: relative;
	padding: 0 4px;
	text-align:left;
	width:120px;
	background-color: #fff;
}

.clickMenu li.main{
	float: left;
	padding: 2px 5px 1px 10px;
	background-color:transparent;
	
}

.clickMenu li.main li{
	z-index: 2;
}

.clickMenu li.hover{
	z-index: 1 !important; /* the hover z-index has to be below the normal one the hovering items may be drawn over a submenu */
}

.clickMenu img.liArrow{
	position: absolute;
	right: 5px;
	top: 0.41em;
}

.clickMenu a{
}

/* thats for the shadowbox */

html>body div.outerbox{
	padding: 0 5px 5px 0;
}

html>body div.shadowbox1{
	position: absolute;
	right: 0;
	bottom: 5px;
	width: 5px;
	height: 100%;
}

html>body div.shadowbox2{
	position: absolute;
	bottom: 0;
	right: 5px;
	height: 5px;
	width: 100%;
}

html>body div.shadowbox3{
	position: absolute;
	bottom: 0;
	right: 0;
	height: 5px;
	width: 5px;
}

html>body .innerBox {
	margin: 0;
	border:1px solid #e0e0e0;
	display: inherit;
}