﻿/* CSS Written by the Coding Magician 2010 */

/* TAGS **********************************************************************/
h1 { font-weight:bold; margin:5px 0 5px 0; font-size:20px; text-transform:uppercase; color:#002E42; }
h2 { font-weight:bold; margin:5px 0 5px 0; font-size:14px; text-transform:uppercase; font-family: Arial, Helvetica, sans-serif; color:#002E42; }
h3 { font-weight:bold; margin:5px 0 5px 0; font-size:12px; text-transform:uppercase; font-family: Arial, Helvetica, sans-serif; color:#002E42; }
p { font-size:13px; font-family: Arial, Helvetica, sans-serif; text-align:left; }
p.lighttext { color:white; }
body { font-family:Verdana, Arial, Helvetica, sans-serif; margin: 0px; background-color:white; }

/* TAG HELPERS ******************************************************************/
.uppercase { text-transform:uppercase; }
.normaltext, label, p, legend, li { font-size:13px; font-family: Arial, Helvetica, sans-serif; }
.italic {font-style :italic; }
.underline { text-decoration:underline; }
.bold { font-weight:bold; }
.nobold { font-weight:normal; }
.xsmall { font-size:x-small; }
.xxsmall { font-size:xx-small; }
.xbsmall { font-size:11px; }
.small { font-size:small; }
.medium { font-size:medium; }
.large { font-size:large; }
.xxlarge { font-size:x-large; }
.xxlarge { font-size:xx-large; }
.right { text-align:right; }
.footertext { font-size:x-small; color:#4A4A4A; } /* used for footer copyright text */
p.nomargin { margin:0; }
h2.nomargin { margin:0; }
.red { color:red; }
.purple { color:#8E7BD3; }
.blue { color:#002F43; }
.green { color:green; }
.orange { color:#CA5100; }
.white { color:white; }
.grey { color:#4E4E4E; }
h1 a:hover { color:#005377; }
.textmiddle {vertical-align:middle;}
#sailonup { opacity:0.6 }
#sailonup:hover { opacity:1.0 }
#searchform,#topbarrss-wrap,#topbartwitter-wrap,#topbarfacebook-wrap,#topbarblog-wrap { opacity:0.8 }
#searchform:hover ,#topbarrss-wrap:hover,#topbartwitter-wrap:hover,#topbarfacebook-wrap:hover,#topbarblog-wrap:hover { opacity:1.0 }
.noborder { border-style: none; border-width: 0; }
#footercolumn h3 { color:#68B6EA; text-align:left; margin:0; margin:0px 0px 10px 0px; font-size:large;
				   text-shadow: #1B7ABA 0.01em 0.01em 0.13em; }
#footercolumn p { color:white; text-align:left; list-style:circle; margin:0; }
#footercolumn p a:hover { border-left:3px #002F43 solid; }
#yellow-btn{margin:15px 0px 5px 0px; padding:0px 0px 0px 0px; width:100px;}
#yellow-btn a{background:#fa2 url('../images/page-images/bg-btn-signup.png') repeat-x 0 0;display:block;padding:2px 4px;border:1px solid #fa2;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;text-decoration:none;text-align:center;color:#333;text-shadow:0 1px 0 #fe6;font:bold 12px Arial,Sans-serif;}
#yellow-btn a:hover,#signup-btn a:focus{background-position:0 -5px;color:#8E7BD3;}
#yellow-btn a:active{background-image:none;}.promo{margin-top:10px;background:#eee;padding:10px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;color:#456;}

/* IMAGES *******************************************************************/
img { font: italic 200% Georgia, Serif; border-style: solid; border-width: 0px; }
img.blogthumb { height:40px; width:40px; border-style: solid; border-width: 1px; font-size:xx-small; margin:0px;
  				background-color:white; border:1px #E4DFF4 solid; }
img.blogthumb:hover { border:1px #8E7BD3 solid; }
img.sponsoredblogthumb { height:110px; width:110px; border-style: solid; border-width: 1px; font-size:xx-small; margin:2px 0px 2px 0px;
						 background-color:white; border:1px #E4DFF4 solid; }
img.sponsoredblogthumb:hover { border:1px #8E7BD3 solid; }
.bigflag { font-size:xx-small; height:40px; width:80px; padding:0px 0px 0px 0px; margin:0; }
.tinyflag { font-size:xx-small; height:15px; width:25px; padding:0; margin:0; }
img.locationimage { font-size:x-small; height:150px; width:248px; border:1px #E4DFF4 solid;}
img.locationimage:hover { border:1px #8E7BD3 solid; }
img.social-icon { height:40px; width:40px; }
img.topbarrss { height:35px; width:35px; }
#topbarblog-wrap img { height:42px; }
img.user-profile-pic { height:40px; width:40px; }
img.tinystar { height:12px; width:12px; }
img.tiny-5star { height:12px; width:75px; }

/* TABLES *******************************************************************/
table { border:0px black solid; width:100% }

/* EFFECTS ******************************************************************/
.whitewithshadow { color: white; text-shadow: #2C1E59 0.1em 0.1em 0.2em; } /*text shadow effects CSS 3 */
.shadow { text-shadow: #2C1E59 0.1em 0.1em 0.2em; }

/* NAVIGATION ***************************************************************/
.navbuttonstext { text-transform:uppercase; font-size:12px; font-weight:bold; }
#navigation ul { list-style:none; margin:0; padding:0; }
#navigation ul li { float:left; width:130px; margin-right:5px;  padding:0; text-align:center; }
#navigation ul li a { display:block; padding-top:6px; padding-left:10px; padding-right:10px; padding-bottom:15px; height:100%; color:#C5C5C5; text-decoration:none; }
#navigation ul li a { background:url('../images/texture-backgrounds/nav-button-animation2-bg.png') repeat 0px 0px; }
#navigation ul li a:hover, #navigation ul li a:focus { background-position:-150px 0px; color:white; }
#navigation .active { background-image:none;  background-color:#8E7BD3; color:white; padding-bottom:7px;
		  -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; }
#mynav a { background:url('../images/texture-backgrounds/nav-button-animation2-bg.png') repeat; background-position:0 0;
	   -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; }
/*search box*/
#searchform { }
#searchform fieldset { border:0px; padding:0px; margin:0px; }
#searchform input { width:190px; height:16px; margin:0px 0px 0px 10px; border-radius: 5px; padding:2px 5px 2px 5px; border-width:1px 1px 1px 1px; border-style:solid solid ridge solid; font-family:Arial, Helvetica, sans-serif; font-size:small; }
#searchform button{ float:right; width:30px; height:24px; border-radius: 5px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; border-width:1px 1px 0px 1px; border-style:solid solid ridge solid; background-repeat:no-repeat; background-image:url('../images/page-images/search.png'); }
#searchform button:hover { cursor:pointer; background-color:#E2E2E2; }

/* LINKS ********************************************************************/
a { color:black; }
a.plain { text-decoration:none; border-style: none; border-width: 0; margin:0px; }
#col2 a:active { color:black; }
#col2 a:hover { color:purple; }
a.lightlink { color:white; }
a.lightlink:hover { color:#8E7BD3; }
a.darklink { color:black; }
a.darklink:hover { color:#002F43; }

/* EXTRAS *******************************************************************/
.print-only { display:block; }
.page-break { page-break-before:always; }

/* DIVS *********************************************************************/
/*      - DISPLAYED IN THE ORDER THEY APPEAR ON PAGE! - */
#topbar { height:10px; 	background-color:#8E7BD3;  	min-width:1200px; }
#header { text-align:center; height: 175px; min-width:1200px; margin-left:auto; margin-right:auto;
		  padding-top:30px; /*no padding at bottom as navigation is there */
		  /*background-image:url('../images/texture-backgrounds/bluehighlight-bg.jpg');*/
		  background-image:url('../images/texture-backgrounds/bluehighlight-bg.jpg');
		  /*background-image:url('../images/texture-backgrounds/magical-sky.jpg');*/
		  background-repeat:repeat; background-color:#2D4B6D; background-position:center; }
#language-wrap { z-index:2; display:inline-block; position:absolute; text-align:left; width:200px; top:0px; left:0px;  }
#language-wrap select { padding:2px; width:120px; font-size:10px;
-moz-border-radius:0px; -webkit-border-radius:0px; border-radius:0px; }
#topbarrss-wrap { z-index:2; display:inline-block; position:absolute; text-align:right; width:200px; top:50px; right:5px;  }
#topbartwitter-wrap { z-index:2; display:inline-block; position:absolute; text-align:right; height:10px; width:200px; top:85px; right:0px; }
#topbarfacebook-wrap { z-index:2; display:inline-block; position:absolute; text-align:right; width:200px; top:130px; right:5px; vertical-align:middle }
#topbarblog-wrap { z-index:2; display:inline-block; position:absolute; text-align:right; width:200px; top:172px; right:2px; vertical-align:middle }
#login-wrap {  z-index:3; width:780px; margin:0 auto;position: absolute;top:-10px;text-align:center; right:0px;}
#signup-wrap {  z-index:2; width:75px; height:25px; display:inline-block; margin:0; position: absolute; top:15px; text-align:center; right:70px; }
#currentuser-wrap { z-index:3; width:400px; margin:0 auto;position: absolute;top:-10px;text-align:center; right:5px; }
#userbar-wrap {  z-index:2; width:400px; height:27px; display:inline-block; margin:0; position: absolute; top:22px; text-align:right; right:5px; }
#searchbox { float:left; width:250px; margin:5px 0px 0px 70px;  padding:0; text-align:right; /*background-color:white;*/ }
#logowrap { display:inline-block; z-index:3; text-align:left; vertical-align:middle; height:147px;
			width:1000px; margin-left:auto; margin-right:auto; text-align:left; }
#logowrap #logo { float:left; width:460px; padding-top:5px; }
#logowrap #slogan { display:inline-block; z-index:3; text-align:left; vertical-align:middle; padding-top:30px;
			width:540px; margin-left:auto; margin-right:auto; text-align:left; }
#logowrap #slogan p { color:white; font-size:18px; font-family: helvetica, arial, sans-serif; }
#navigation { display:inline-block; height:26px; width:1000px; margin-left:auto; margin-right:auto;
			/*background-color:fuchsia;*/ }
#navbar { width:100%; height:10px; min-width:1200px; background-color:#8E7BD3; }
/* Styles for ALL PAGE CONTENT */
#allpagecontent { text-align:center; width:100%; height:100%; min-width:1200px;
				  background-color:#FFFFFF; background-image:url('../images/texture-backgrounds/bg-tile.png'); background-repeat:repeat-x;
				/*-moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; } */ }
#centerpagecontent { width:1000px;  min-height:300px;
   					padding-top:10px; padding-bottom:20px; margin-left:auto; margin-right:auto; margin-bottom:40px;
   					/* background-image:url('../images/texture-backgrounds/shadowtopleft.png'); background-position:left; background-repeat:no-repeat;  */
   					/* background-color:green; */ /* border:0.5px #8E7BD3 solid; */
				   	-moz-box-shadow: 0 0 2em #8E7BD3; -webkit-box-shadow: 0 0 2em #8E7BD3; box-shadow: 0 0 2em #8E7BD3; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; /* CSS3 MOZILLA */}
#col1 { text-align:center; float:left;
		margin-top:10px; margin-right:0px; padding:0px 10px 0px 0px;
		/*background-color:fuchsia;*/
		/* background-image:url('../images/texture-backgrounds/shadowtopleft.png'); background-repeat:no-repeat; */
		/* -moz-box-shadow: 0 0 2em #8E7BD3; -webkit-box-shadow: 0 0 2em #8E7BD3; box-shadow: 0 0 2em #8E7BD3; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; */ /* CSS3 MOZILLA */ }
#col2 { text-align:left; display:inline-block;
		margin:10px 0px 15px 0px; padding:10px 10px 10px 10px;
		/*background-color:blue;*/
		/* background-image:url('../images/texture-backgrounds/shadowtopleft.png'); background-repeat:no-repeat; */
		/* -moz-box-shadow: 0 0 2em #8E7BD3; -webkit-box-shadow: 0 0 2em #8E7BD3; box-shadow: 0 0 2em #8E7BD3; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; */ /* CSS3 MOZILLA */ }
#footerinfo { clear: both; text-align:center;
			  width:100%; height: 200px; min-width:600px;
			  padding:30px 0px 10px 0px;
			  background-color:#012F44; }
#bottombar1 { clear:both; height:10px; min-width:600px; background-color:#8E7BD3; }
#footercopyright { clear: both; text-align:center;
				   width:100%; height: 20px; min-width:600px;
				   padding:30px 0px 50px 0px;
				   background-color:#EFEFEF; }
#bottombar2 { clear:both; height:10px; min-width:600px; background-color:#8E7BD3; }

#topbarrss-wrap, #topbartwitter-wrap, #topbarfacebook-wrap, #topbarblog-wrap {
    color: #FFFFFF;
    font-weight: bold;
    font-size: 12px;
    width: 250px;
}

#topbarrss-wrap #signup-btn {
    float: right;
    margin-top: -5px;
}
#signup-btn{margin:15px 0;padding:0; width:180px;}
#signup-btn a{background:#fa2 url('../images/page-images/bg-btn-signup.png') repeat-x 0 0;display:block;padding:8px 10px;border:1px solid #fa2;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;text-decoration:none;text-align:center;color:#333;text-shadow:0 1px 0 #fe6;font:bold 18px Arial,Sans-serif;}

/* hide social when screen is too small */
@media all and (max-width: 1200px) {
  #topbarrss-wrap, #topbartwitter-wrap, #topbarfacebook-wrap, #topbarblog-wrap {
     display:none;
  }
}

/* NORMAL PAGE DIVS *********************************************************/
#page-wrapper { height:100%; overflow:hidden;
				margin:0px 30px 5px 30px; text-align:left;
			   /*background-color: gray;*/ }
#page-heading { text-align:left; margin:15px 0 30px 0; padding-left:15px;
			/*background-color:fuchsia;*/ }
#footercolumn-wrapper { text-align:left; display:inline-block; height:200px; width:1050px; margin-left:auto; margin-right:auto; padding:0px 0px 0px 25px; }
#footercolumn { text-align:left; width:205px; height:180px; float:left; border-left:2px gray groove;/*background-color:green;*/ padding:0px 10px 0px 10px; margin:0px 0px 0px 0px; }
#footercolumnlast { width:100px; height:50px; float:left; position:relative; top:-50px; right:-20px; /*background-color:green;*/ padding:0px 10px 0px 0px; margin:0; }
#facebook,#twitter,#rss { margin-top:0px; height:50px; width:180px; }

/* TOOLTIPS ******************************************************************/
/*.tooltip{ position:absolute; top: 0; left: 0; z-index: 4; display:none; }*/

/* BLOG HOVER WINDOW *********************************************************/
#bhw { height:320px; }
#bhw p { font-size:12px; font-family: Arial, Helvetica, sans-serif; text-align:left; margin:0; padding:2px 0px 2px 0px; color:black; }
#bhw h1 { margin:0; font-size:13px; font-weight:bold; padding:0px 0px 5px 5px } /*blog name*/
#bhw h2 { margin:0; font-size:10px; font-weight:normal; color:#404040; padding:0px 0px 0px 5px; } /*url*/
#bhw h3 { margin:0; font-size:11px; font-weight:bold;  } /*user name*/
#bhw a { color:black; }
#bhw a:hover { color:#8E7BD3; }
#bhw a.plain { text-decoration:none; border-style: none; border-width: 0; margin:0px; }
#bhw a.plain:hover { color:#8E7BD3; }

#bhw #page-wrapper { margin:0; text-align:left; width:405px; height:320px; padding:5px; border:1px gray solid;
			background-color:#C6C0DA; background-image:url('../images/texture-backgrounds/form_bg.jpg') }

#bhw #user-details { width:110px; float:left; padding:5px 5px 5px 0px; height:320px;}
#bhw #user-pic { text-align:left; margin:0px 0px 3px 5px; }
#bhw #user-pic img { height:80px; width:80px; }
#bhw img.country-flag { padding-bottom:3px; padding-top:3px; }

#bhw #blog-details { width:265px; display:inline-block; padding:5px 10px 0px 10px; border-left:1px brown ridge; height:320px;}
#bhw #blog-pic { text-align:center; }
#bhw #blog-pic img.website-thumb { height:150px; width:260px; margin:8px 0px 2px 5px; }
#bhw #text { padding:5px; }

#bhw #buttons { margin:5px 0px 0px 0px; }

/* TAG CLOUD *********************************************************/
#tagcloud a:link, #tagcloud a:visited { text-decoration:none; }
#tagcloud a:hover, #tagcloud a:active {	text-decoration: underline;	color: #000; }
#tagcloud span {padding: 6px; }
.smallest {	font-size: x-small;}
.small {font-size: small;}
.medium {font-size:medium;}
.large {font-size:large;}
.largest {font-size:larger;}

/* RSS FEED *****************************************************************/
.labelfield{ color:brown; font-size: 90%; }
.datefield{ color:gray; font-size: 90%;}
#rssfeeds a{ color: purple;text-decoration: none;font-weight: bold;}
#rssfeeds p{ margin-bottom: 2px;}
code{ color: red;}
#blogoolafeed, #blogoolafeed a { color:white; }
#blogoolafeed a:hover{ color:#8E7BD3; }
#blogoolafeed ul { margin-left:-15px }
#rssfeed-wrap { text-align:left; margin-left:15px; }

/* CLOSE BOX *****************************************************************/
.closebox {   border: 3px solid #8E7BD3;  padding: 10px; }
.closebox p {  padding-left: 15px; }
.closebox a { text-decoration: none; }
.close a:hover { color: #000 !important; text-decoration: underline; }
.closebox .close {    float: right;    top: 5px;    right: 5px;    padding: 5px;  }

/* NEW BUTTON STYLES *********************************************************/
.newbutton {
    border: 0;
    color: white;
    display: inline-block;
    font: 600 16px/31px "Open Sans","Helvetica Neue",Arial,sans-serif;
    height: 32px;
    padding: 0 24px;
    position: relative;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    vertical-align: middle;
    opacity: 0.9;
    margin-right: 8px;

    -webkit-border-radius: .5em;
    -moz-border-radius: .5em;
    -ms-border-radius: .5em;
    -o-border-radius: .5em;
    border-radius: .5em;
    -moz-transition-property: -moz-box-shadow,-webkit-box-shadow,box-shadow,line-height;
    -webkit-transition-property: -moz-box-shadow,-webkit-box-shadow,box-shadow,line-height;
    transition-property: -moz-box-shadow,-webkit-box-shadow,box-shadow,line-height;

    text-shadow: 0 1px 0 rgba(0, 0, 0, .25);
    box-shadow: 0 2px 1px rgba(0, 0, 0, .2), inset 0 -1px 0 rgba(0, 0, 0, .2), inset 0 1px 0 0 rgba(255, 255, 255, .2);
    -moz-box-shadow: 0 2px 1px rgba(0,0,0,.2), inset 0 -1px 0 rgba(0,0,0,.2), inset 0 1px 0 0 rgba(255,255,255,.2);
    -webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, .2), inset 0 -1px 0 rgba(0, 0, 0, .2), inset 0 1px 0 0 rgba(255, 255, 255, .2);
}
.newbutton:hover {
	color: #FFF !important;
    opacity: 1.0;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .3);
    box-shadow: 0 2px 1px rgba(0, 0, 0, .3), inset 0 -1px 0 rgba(0, 0, 0, .3), inset 0 1px 0 0 rgba(255, 255, 255, .3);
    -moz-box-shadow: 0 2px 1px rgba(0,0,0,.3), inset 0 -1px 0 rgba(0,0,0,.3), inset 0 1px 0 0 rgba(255,255,255,.3);
    -webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, .3), inset 0 -1px 0 rgba(0, 0, 0, .3), inset 0 1px 0 0 rgba(255, 255, 255, .3);
}
.purplebtn {
	background-color: #695FA8;
    background-image: -webkit-gradient(linear,left bottom,left top,from(#B6A9F3),to(#695FA8));
    background-image: linear-gradient(#B6A9F3, #695FA8);
    background-image: -moz-linear-gradient(#B6A9F3, #695FA8);
    background-image: -webkit-linear-gradient(#B6A9F3, #695FA8);
}

.gadpurplebox {
	margin: 0;
	padding: 5px;
	text-align: center;
	/*border: 3px solid #8E7BD3;*/
}

.action-msg {
    background-color: #8E7BD3;
    margin-bottom: 25px;
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 0;
    padding-bottom: 5px;
    padding-left: 15px;
    padding-right: 10px;
    padding-top: 5px;
    border-radius: 8px;
    font-size: ;
}

.action-msg p {
    color: #FFF !important;
    font-weight: bold;
    font-size: 20px !important;
}

.action-msg .close {
    float: right;
    padding: 10px;
}

.action-msg .close a {
    color: #FFF !important;
    text-decoration: none;
}

.clearfix {
    clear:both;
    height:10px;
    display: inline-block;
}
.outerblogcontrols {
    display: inline-block;
    width: 100%;
}

.promotionmethod {
    padding: 15px;
    border: solid 3px #F3F3F3;
    border-radius: 8px;
    margin: 30px 0;
}
.promotionmethod .floatleft {
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
    height: 100px;
    width: 150px;
}


#mello1 {
    margin-top: 15px;
}
#mello2 {
    margin-bottom: 15px;
}#content { width:520px; min-height:500px; }
#topnav {
	margin-top:8px;
	padding:10px 0px 12px 0px;
	font-size:11px;
	line-height:24px;
	text-align:right;
}

#signup-wrap a span {
	text-decoration:none;
	font-weight:bold;
	font-size:11px;
}
#signup-wrap {
	padding-top:3px;
	padding-left:3px;
}

#signup-wrap:hover {
	background:#AA9BDD;
}


#topnav a.signin {
	padding:4px 6px 6px;
	text-decoration:none;
	font-weight:bold;
	color:#fff;
	*background:transparent url('../images/page-images/loginbar/signin-nav-bg-ie.png') no-repeat 0 0;
	*padding:4px 12px 6px;
}
#topnav a.signin:hover {
	background:#AA9BDD;
	*background:transparent url('../images/page-images/loginbar/signin-nav-bg-hover-ie.png') no-repeat 0 0;
	*padding:4px 12px 6px;
}
#topnav a.signin, #topnav a.signin:hover {
	*background-position:0 3px!important;
}

a.signin {
	position:relative;
	margin-left:3px;
}
a.signin span {
	background-image:url('../images/page-images/loginbar/toggle_down_light.png');
	background-repeat:no-repeat;
	background-position:100% 50%;
	padding:4px 16px 6px 0;
}
#topnav a.menu-open {
	background:#8E7BD3!important;
	color:white!important;
	outline:none;
}
#small_signup {
	display:inline;
	float:none;
	line-height:23px;
	margin:25px 0 0;
	width:170px;
}
a.signin.menu-open span {
	background-image:url('../images/page-images/loginbar/toggle_up_dark.png');
	color:white;
}

#signin_menu {
	-moz-border-radius-topleft:5px;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	display:none;
	background-color:#8E7BD3;
	position:absolute;
	width:210px;
	z-index:100;
	border:1px transparent;
	text-align:left;
	padding:12px;
	top: 24.5px; 
	right: 0px; 
	margin-top:15px;
	margin-right: 0px;
	*margin-right: -1px;
	color:white;
	font-size:11px;
}

#signin_menu input[type=text], #signin_menu input[type=password] {
	display:block;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border:1px solid #ACE;
	font-size:13px;
	margin:0 0 5px;
	padding:5px;
	width:203px;
}
#signin_menu p {
	margin:0;
}
#signin_menu a {
	color:#8E7BD3;
}
#signin_menu label {
	font-weight:bold;
}
#signin_menu p.remember {
	padding:10px 0;
}
#signin_menu p.forgot, #signin_menu p.complete {
	clear:both;
	margin:5px 0;
}
#signin_menu p a {
	color:white!important;
}
#signin_submit {
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	background:#FFB931;
	border:1px solid orange;
	color:#2D2D2D;
	padding:4px 10px 5px;
	font-size:11px;
	margin:0 5px 0 0;
	font-weight:bold;
	width:60px;
}
#signin_submit::-moz-focus-inner {
padding:0;
border:0;
}
#signin_submit:hover, #signin_submit:focus {
	background-position:0 -5px;
	cursor:pointer;
}

.tipsy-inner {
	padding:10px 15px;
	line-height:1.5em;
	font-weight:bold;
}
.tipsy {
	opacity:.8;
	filter:alpha(opacity=80);
	background-repeat:no-repeat;
	padding:5px;
}
.tipsy-inner {
	padding:8px 8px;
	max-width:200px;
	font:11px 'Lucida Grande', sans-serif;
	font-weight:bold;
	-moz-border-radius:4px;
	-khtml-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	background-color:#000;
	color:white;
	text-align:left;
}
.tipsy-north {
	background-image:url('../images/page-images/loginbar/tipsy-north.gif');
	background-position:top center;
}
.tipsy-south {
	background-image:url('../images/page-images/loginbar/tipsy-south.gif');
	background-position:bottom center;
}
.tipsy-east {
	background-image:url('../images/page-images/loginbar/tipsy-east.gif');
	background-position:right center;
}
.tipsy-west {
	background-image:url('../images/page-images/loginbar/tipsy-west.gif');
	background-position:left center;
}
/* CSS Written by the Coding Magician 2010 */

/* PAGE CONTENT DIVS ********************************************************/
/*      - DISPLAYED IN THE ORDER THEY APPEAR ON PAGE! - */
#page-wrapper { min-height: 1620px !important; }
#col1 { width:700px; height:100%; }
#col2 { width:200px;  height:100%; }
#stats-heading { /*background-color: rgb(117, 197, 240);*/  }
#stats-overview { margin-top:5px; margin-bottom:5px;
	 /*background-color:red;*/ }
h1 { display:inline; vertical-align:top }
#homepagetitle { text-align:left; margin:15px 0 0 15px; padding:10px 0px 0px 0px;
					width:680px; height:40px;
				   /*background-color:gray;*/ }
#homepagesignup { /*background-color:aqua;*/ display:inline-block; margin:-20px 0px 0px 15px }
#signup-btn{margin:15px 0;padding:0; width:180px;}
#signup-btn a{background:#fa2 url('../images/page-images/bg-btn-signup.png') repeat-x 0 0;display:block;padding:8px 10px;border:1px solid #fa2;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;text-decoration:none;text-align:center;color:#333;text-shadow:0 1px 0 #fe6;font:bold 18px Arial,Sans-serif;}
#signup-btn a:hover,#signup-btn a:focus{background-position:0 -5px;color:#8B81DA;}
#signup-btn a:active{background-image:none;}.promo{margin-top:10px;background:#eee;padding:10px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;color:#456;}
#theworldmap-wrap { margin: 0px 0px 0px 15px; }
#theworldmap { padding:40px 0px 30px 0px; margin: 15px 5px 5px 0px;
			   background-image:url('../images/texture-backgrounds/ocean-shaded.jpg');
			   background-color:#9DBDFF;
			  /* -moz-box-shadow:10px 10px 30px #8E7BD3; */
			   border:1px #C8BDE8 groove; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; }
#theworldmap:hover { border:1px #9884D5 groove; cursor:pointer }
#sponsoredblogs {  text-align:left; min-height:135px; margin:5px 0px 5px 15px; }
#showblogs { text-align:left;
			 padding:5px 0px 15px 15px; margin:0px;
   			 /*border:2px #8E7BD3 solid;*/ /*background-color:lime; */
			 /*-moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;*/ }
#theworldstats-wrapper { text-align:left; padding-left:5px; }
.blog-links-blog li
{
	list-style-image:url('/images/page-images/logo-bullet.png');
	padding: 10px;
	text-align: left;
}
/****************************************************************************//* CSS to go with Prototip.Styles */
.prototip {
	font: 11px Arial, Helvetica, sans-serif;
	color: #000;
}

/* the default style */
.prototip .default {
	width: 250px;
	color: #808080;
}
.prototip .default .toolbar {
	background: #f1f1f1;
	font-weight: bold;
}
.prototip .default .title { padding: 5px; }
.prototip .default .content {
	padding: 0px;
	background: #fff;
}

/* basic */
.prototip .basic {
	width: 250px;
	color: #808080;
}
.prototip .basic .toolbar {
	background: #f1f1f1;
	font-weight: bold;
}
.prototip .basic .title { padding: 5px; }
.prototip .basic .content {
	padding: 0px;
	background: #fff;
}

/* basic */
.prototip .hint {
	width: 250px;
	color: #313120;
	background: #fff6aa;
}
.prototip .hint .toolbar {
	background: #fdf1a0;
	font-weight: bold;
}
.prototip .hint .title,
.prototip .hint .content { padding: 5px; }

/* protoblue */
.prototip .protoblue {
	width: 250px;
	color: #fff;
}
.prototip .protoblue .toolbar {
	background: #0d7cd0;
	font-weight: bold;
}
.prototip .protoblue .title { padding: 5px; }
.prototip .protoblue .content {
	background: #1e90ff;
	padding: 0px;
}

/* creamy */
.prototip .creamy {
	width: 250px;
	color: #bb9c61;
}
.prototip .creamy .toolbar {
	background: #f3edc2;
	font-weight: bold;
}
.prototip .creamy .title { padding: 5px; }
.prototip .creamy .content {
	background: #f8f4ca;
	padding: 0px;
}

/* darkgrey */
.prototip .darkgrey {
	width: 250px;
	color: #fff;
}
.prototip .darkgrey .toolbar {
	background: #5f5f5f;
	font-weight: bold;
}
.prototip .darkgrey .title { padding: 5px; }
.prototip .darkgrey .content {
	background: #808080;
	padding: 0px;
}

/* protopurple */
.prototip .protopurple {
	width: 250px;
	color:#5D5D5D;
}
.prototip .protopurple .toolbar {
	background:#DDDDDD;
	font-weight: bold;
}
.prototip .protopurple .title { padding: 5px; }
.prototip .protopurple .content {
	background:#C0B6E7;
	padding: 0px;
}


/* protogrey */
.prototip .protogrey {
	width: 250px;
	color: #fff;
	background: #fff;
}
.prototip .protogrey .toolbar {
	background: #969c92;
	font-weight: bold;
}
.prototip .protogrey .title { padding: 5px; }
.prototip .protogrey .content {
	color: #808080;
	padding: 0px;
}
/* This is how to resize the close button for a style */
.prototip .protogrey .protopurple .toolbar .close {
	width: 14px;
	height: 14px;
}


/* loader gif */
.prototipLoader {
	position: absolute;
	top: -1000px;
	left: -1000px;
	height: 14px;
	width: 14px;
	border: 1px solid #dddddd;
	overflow: hidden;
}


/* Required for all tooltips, do not modify */
.prototip{position:absolute;overflow:hidden;}.prototip .tooltip,.prototip .toolbar,.prototip .toolbar .title{position:relative;}.prototip .content{clear:both;}.prototip .toolbar .close{position:relative;text-decoration:none;float:right;width:19px;height:15px;display:block;line-height:0;font-size:0;border:0;cursor:pointer;}.prototip .tooltip{clear:both;float:left;}.prototip .borderLeftWrapper,.prototip .borderRightWrapper{position:absolute;top:0;left:0;width:300px;height:20px;}.prototip .borderFrame{height:100%;width:100%;float:left;margin:0;padding:0;position:relative;}.prototip .borderTop,.prototip .borderBottom{overflow:hidden;}.prototip .borderRow{list-style-type:none;float:left;width:100%;position:relative;clear:both;margin:0;padding:0;}.prototip_CornerWrapper{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;clear:both;}.prototip_Corner{float:left;position:relative;}.prototip canvas{position:relative;float:left;}.prototip_CornerTr,.prototip_CornerBr{float:right;}.prototip_BetweenCorners{position:absolute;top:0;left:0;width:100%;overflow:hidden;clear:both;}.prototip .borderMiddle{position:relative;float:left;}.prototip .borderCenter{position:relative;float:left;height:100%;}.prototip_StemWrapper{position:relative;width:100%;height:auto;clear:both;}.prototip_StemBox{float:left;position:relative;}.prototip_Stem{width:100%;position:absolute;overflow:hidden;}.iframeShim{position:absolute;border:0;margin:0;padding:0;background:none;overflow:hidden;}.prototip .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}.prototip .clearfix{display:inline-block;}/* IE Mac Hide \*/ .prototip .clearfix{display:block;}/* IE Mac Hide End */