@import url(http://fonts.googleapis.com/css?family=Ubuntu:400,700,400italic,700italic);
@font-face {
	font-family: 'Entypo';
	src: url('../images/fonts/entypo.eot'); /* IE9 Compat Modes */
	src: url('../images/fonts/entypo.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	     url('../images/fonts/entypo.woff') format('woff'), /* Modern Browsers */
	     url('../images/fonts/entypo.ttf')  format('truetype'), /* Safari, Android, iOS */
	     url('../images/fonts/entypo.svg#svgFontName') format('svg'); /* Legacy iOS */
}
/*************
*** Global ***
*************/

body {
	background-color: #1884c9;
	font-family: Ubuntu, arial, sans-serif;
	font-size: 10pt;
	margin: 0px;
}

body:before { 
   content: "";
   position: fixed;
   top: -10px;
   left: 0;
   width: 100%;
   height: 10px;
   z-index: 100;
   -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.6);
   -moz-box-shadow: 0px 0px 10px rgba(0,0,0,.6);
   box-shadow: 0px 0px 10px rgba(0,0,0,.6);
}

div.clearboth {
	clear:both;
	float:none;
}

a {
	text-decoration: none;
}

input, select, textarea {
	margin: 0px;
	outline: 0px none black;
	padding: 0.5ex;
}

input[type=text], input[type=email], input[type=password], select, textarea {
	background-color: rgba(255, 255, 255, 0.8);
	border: 1px solid rgba(0, 0, 0, 0.5);
	border-radius: 0.5ex;
	-moz-border-radius: 0.5ex;
	font-family: inherit;
}

input[type=text]:focus, input[type=email]:focus, input[type=password]:focus, select:focus, textarea:focus {
	background-color: rgba(255, 255, 255, 1);
	border: 1px solid rgba(0, 0, 0, 0.7);
}

input[type=submit] {
	background-color: rgba(255, 255, 255, 0.9);
	border: 2px outset rgba(100, 100, 100, 0.5);
	border-radius: 0.5ex;
	-moz-border-radius: 0.5ex;
	color: rgba(0, 0, 0, 1);
	cursor: pointer;
	font-family: inherit;
}

input[type=submit]:active {
	background-color: rgba(255, 255, 255, 0.6);
	border: 2px inset rgba(100, 100, 100, 0.5);
	color: rgba(0, 0, 0, 0.7);
}

.faded, div#header .faded {
	color: rgba(255, 255, 255, 0.7);
}

a.samecolor {
	color: inherit;
}

/*************
*** Header ***
*************/

div#header {
	border-bottom: 1px dotted #0e4d75;
	color: rgb(255, 255, 255);
	padding: 1.5em 1em;
	position: relative;
}

div#header a {
	color: rgb(255, 255, 255);
	text-decoration: none;
}

div#header a:hover {
	text-decoration: underline;
}

table#login_table td {
	font-size: 0.9em;
	padding: 0ex 0.5ex;
}

div#logo {
	font-size: 2em;
	font-weight: bold;
	position: absolute;
	top: 0.43em;
	right: 1em;
}

#selfpopupcont {
	position: relative;
}

#selfpopupcont #selfpopup {
	display: none;
	position: absolute;
	background-color: white;
	border: #d4d4d4 solid 1px;
	top: 2.65em;
	padding: 1ex 1em;
	font-size: 0.9em;
	line-height: 1.9em;
	width: 120px;
	-moz-border-radius: 0.5ex;
	border-radius: 0.5ex;
	-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px#888;
	box-shadow: 0 0 5px #888;
}

#selfpopupcont #selfpopup a {
	color: rgba(1,1,1,1);
}

#selfpopupcont:hover #selfpopup {
	display: inline-block;
}

td:hover+#selfpopupcont #selfpopup {
	display: inline-block;
}

#selfpopup .entypo {
	display: inline-block;
	font: 1.9em Entypo;
	line-height: 0;
	vertical-align: middle;
	margin-right: 4px;
	color: rgba(24,132,201,1);
	margin-bottom:4px;
}

#selfpopupcont hr {
	border: 0;
	height: 0;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

/**************
*** Sidebar ***
**************/

#member_left {
	clear: left;
	display: inline-block;
	float: left;
	border-right: 1px solid rgb(212, 212, 212);
	width: 25ex;
	margin: 0 1em 0 0;
}

#member_left h2 {
	border-bottom: 1px solid rgb(212, 212, 212);
	color: rgb(24, 132, 201);
	font-size: 1.4em;
	font-weight: bold;
	margin-bottom: 1ex;
	padding-bottom: 0.8ex;
	width: 100%;
}

#member_left a {
	color: rgba(1,1,1,1);
}

#member_left a:hover {
	text-decoration: underline;
}

#member_left a:visited {
	text-decoration: none;
}

/**************
*** Content ***
**************/

div#content {
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(208,223,232,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(208,223,232,1)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(208,223,232,1) 100%);
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(208,223,232,1) 100%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(208,223,232,1) 100%);
	background: linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(208,223,232,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d0dfe8',GradientType=0 );
	box-shadow: 0 0 1ex #888 inset;
	-moz-box-shadow: 0 0 1ex #888 inset;
	-webkit-box-shadow: 0 0 1ex #888 inset;
	padding: 3em 5em;
	min-width:1130px;
}

div#content p {
	line-height: 1.4em;
}

span#title {
	border-bottom: 1px solid #d4d4d4;
	color: #1884c9;
	font-size: 1.4em;
	font-weight: bold;
	margin-bottom: 1ex;
	padding-bottom: 0.8ex;
}

div#left {
	clear: left;
	display: inline-block;
	float: left;
}

#right {
	clear: right;
	float: right;
	width: 58%;
	margin-top: -8ex;
}

@-moz-document url-prefix() { #right {
	clear: right;
	float: right;
	width: 58%;
	margin-top: 0ex;
} }

@media screen and (-webkit-min-device-pixel-ratio:0) { 
    #right {
	   clear: right;
	   float: right;
	   width: 58%;
	   margin-top: -3ex;
	   height: 425px;
    } 
    ::i-block-chrome,#right { /*Safari*/
        position: relative !important;
        display: inline;
        clear: right;
        min-width: 70%;
        height: 73%;
        float: right;
        margin-left: 2.5em;
        overflow-x: hidden !important;
        overflow-y: auto !important;
    }
}

div#search {
	width: 100%;
	margin: 1.5ex auto 0 auto;
	padding-top: 1.5ex;
	padding-bottom: 1.5ex;
	background: rgba(255, 255, 255, 0.7); /* or #c9ddea */
	border: 1px solid #808080; /* had 0e4d75 dotted */
	border-radius: 0.5ex;
	-moz-border-radius: 0.5ex;
}

div#search a:link {
	color: rgba(0,0,0,.7);
	text-decoration: none;
	
}

div#search a:hover {
	color: rgba(0,0,0,.7);
	text-decoration: underline;
	
}

div#search a:visited {
	color: rgba(0,0,0,.7);
	text-decoration: none;
	
}

/* Register Form Layout */
table#register_table td, table.edit td {
	padding: 0.8ex;
}

table#register_table th {
	font-weight: normal;
	padding: 0px;
	text-align: right;
}

table#register_table caption, table.edit caption {
	border-bottom: 1px solid #d4d4d4;
	color: #1884c9;
	font-size: 1.4em;
	font-weight: bold;
	margin-bottom: 1ex;
	padding-bottom: 0.8ex;
}

table.edit {
	margin: 0em auto 2em auto;
}

table.edit th {
	text-align: right;
}

table.edit #profilepic {
	height: 90px;
	width: 90px;
}

table.edit #profilepic .editupload {
	position: relative;
	bottom: 65px;
	left: 0px;
	visibility: hidden;
	background: rgba(24,132,201,1);
	cursor: pointer;
	width: 90px;
	font-size: 0.8em;
	color: rgba(255,255,255,1);
	text-align: center;
	opacity: 0.9;
	padding: 3px 0px 3px 0px;
}

table.edit #profilepic:hover .editupload {
	visibility: visible;
}

#editphotopopcontent {
	background: rgb(255,255,255);
	-moz-background-clip: padding;
	-webkit-background-clip: padding;
	background-clip: padding-box;
	border: 20px solid rgba(0,0,0,0.7);
	border-radius: 0.5ex;
	padding: 0px;
	position: absolute;
	width: 60%;
	height: 400px;
	display: none;
}

#editphotopopcontent .editphotopopcontainer {
	width: 100%;
	height: 400px;
	border: 1px solid rgba(17,91,139,1);
	background: rgb(255,255,255);
}

#editphotopopcontent .editphotopopcontainer .editphotopoptitle {
	background: rgba(24,132,201,1);
	width: 100%;
	height: 35px;
	margin-top: -12px;
	color: rgba(255,255,255,1);
}

#editphotopopcontent .editphotopopcontainer .editphotopoptitle h2 {
	font-size: 1.1em;
	padding-top: 6px;
	padding-left: 10px;
}

#editphotopopcontent .editphotopopcontainer .editphotopopclose {
	position: absolute;
	top: 1px;
	right: 10px;
	font-size: 2.3em;
}

#editphotopopcontent .editphotopopcontainer .editphotopopclose a:link {
	color: rgba(255,255,255,1);
}

#editphotopopcontent .editphotopopcontainer .editphotopopclose a:visited {
	color: rgba(255,255,255,1);
}

#editphotopopcontent .editphotopopcontainer .editphotopopclose a:hover {
	color: rgba(255,255,255,.3);
}

#editphotopopcontent .editphotopopcontainer .editphotofooter {
	position: absolute;
	width: 100%;
	top: 367px;
	left; 0;
	height: 35px;
	background: rgba(0,0,0,0.2);
}

#editphotopopcontent .editphotopopcontainer .editphotofooter .save {
	position: relative;
	font-size: 0.8em;
	float: right;
	color: rgba(255,255,255,1);
	padding: 4px 9px;
	width: 5%;
	text-align: center;
	margin-top: 1ex;
	margin-right: 1ex;
	background: -moz-linear-gradient(top,
		#1884c9 0%,
		#1884c9);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#1884c9),
		to(#1884c9));
	-moz-border-radius: 0.5ex;
	-webkit-border-radius: 0.5ex;
	border-radius: 0.5ex;
	border: 1px solid #0e586b;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,0.7);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,0.7);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,0.7);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.4),
		0px 1px 0px rgba(255,255,255,0.3);
}


/* Search Form Layout */
table#search_table {
	width: 90%;
	font-weight: normal;
	padding: 0px;
	text-align: center;
	margin: 0px auto;
}

table#search_table caption {
	border-bottom: 1px solid #fff;
	color: #1884c9;
	font-size: 1.5em;
	font-weight: bold;
	margin-bottom: 1ex;
	padding-bottom: 0.8ex;
}

/*************
*** Footer ***
*************/

div#footer {
	background-color: transparent;
	border-top: 1px dotted #0e4d75;
	color: rgb(255, 255, 255);
	padding: 1ex;
	font-size: 0.9em;
}

div#footer a {
	color: rgb(255, 255, 255);
	text-decoration: none;
}

div#footer a:hover {
	text-decoration: underline;
}

div#footer ul li {
	display: inline-block;
	margin-right: 2ex;
}

/**********************
*** UserAgent Fixes ***
**********************/

:focus { /* Lose the orange border that Chrome puts around everything */
	outline: none;
}