@charset "utf-8";
/* LYRobot.com CSS Document */

/* Global Styles */
* {
	margin:0;
	padding:0;
}
html {
	background:#181818 url(images/bottomBackground.jpg) no-repeat bottom center;
	min-width:872px;
	margin:0;
	padding:0;
}
body {
	color:#bbb;
	font-family:Calibri, Tehama, Verdana, Arial, Helvetica, sans-serif;
}
a {
	color:#fedf49;
}
p {
	margin: 0 0 8px 0;
}
input[type="button"], input[type="submit"] {  
	display:inline-block;
	background:#0b71b3 url(images/buttonBG.png) repeat-x left top; 
	padding:3px 5px 4px;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	/* border:1px solid #0b71b3; */
	border:none;
	cursor:hand; /* for IE crap */
	cursor:pointer;
	text-shadow:2px 2px 1px #0b71b3;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	opacity:1;
}
#upload_form input[type="submit"] { 
	display:inline-block;
	background:#d07800 url(images/buttonBG-yellow.png) repeat-x left top; 
	padding:3px 5px 4px;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	/* border:1px solid #d07800; */
	border:none;
	cursor:hand; /* for IE crap */
	cursor:pointer;
	text-shadow:2px 2px 1px #d07800;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	opacity:1;
}
input[type="button"]:hover, input[type="submit"]:hover, #upload_form input[type="submit"]:hover { 
	opacity:.75;
}
ul {
	display:block;
	list-style:none;
}
ul li {
	margin:0;
	padding:0;
}
.top-background {
	background:url(images/topBackground.jpg) no-repeat top center;
	margin:0 0 0 0;
	padding:0 18px;
	min-width:872px;
}
#wrapper {
	margin:0 auto;
	width:872px;
}
#container {
	color:#555;
	overflow:auto;
}
#container .inner {
	background:#fff url(images/containerInner_full.jpg) no-repeat bottom center;
	overflow:auto;
	min-height:575px; /* 576px */
}
	#container.homepage {
		background:url(images/containerBG_01.jpg) repeat-y top center;
	}
		#container.homepage .inner {
			background:url(images/containerInner_01.png) no-repeat bottom center;
		}		
	#container.subpage {
		background:url(images/containerBG_02.jpg) repeat-y top center;
		color:#555;
		overflow:auto;
	}
		#container.subpage .inner {
			background:url(images/containerInner_02.png) no-repeat bottom center;
			overflow:auto;
		}
#container a, #container a strong {
	color:#000000;
	text-decoration:underline;
}
#container strong {
	color:#cc7700;
	font-weight:normal;
}
/* Header */
#header {
	padding:16px 0 0 0;
	height:98px;
}
#logo {
	display:block;
	position:relative;
	margin:0 0 0 23px;
	text-indent:-9999px;
	width:250px;
	z-index:3;
}
	#logo a {
		display:block;
		background:url(images/logo.png) no-repeat top left;
		width:236px;
		height:88px;
	}
#logo span.logo-slogan {
	display:none;
}

/* User Menu */
#user-menu {
	position:absolute;
	top:0;
	padding:16px 0 0 0;
	color:#fff;
	font-size:14px;
	text-align:right;
	text-transform:lowercase;
	width:872px;
	z-index:2;
}
#user-menu a:hover {
	color:#ffe674;
}
#user-menu h2 {
	display:inline;
	margin:0;
}
#user-menu {
	text-align:right;
}
#user-menu ul {
	float:right;
	margin:8px 0 0 12px;
	color:#999;
}
	#user-menu ul li {
		float:left;
		margin:0 12px 0 0;
	}
	#user-menu ul a {
		color:#999;
	}
	#user-menu ul a:hover {
		color:#ccc;
	}
	
/* Top Menu */
#top-menu {
	position:absolute;
	top:59px;
	color:#fff;
	text-align:right;
	width:872px;
	z-index:2;
}
#top-menu ul {
	float:right;
	margin:0 -4px 0 0;
	padding:0 0 0 14px;
	color:#999;
}
	#top-menu ul li {
		float:left;	
		display:block;
		height:41px;
	}
	#top-menu ul li.topMenu-divider {
		display:block;
		background:url(images/topMenu-divide.png) no-repeat top left;
		width:2px;
		height:41px;
	}
	#top-menu ul a {
		display:block;
		background:url(images/topMenuBG.png) repeat-x top left;
		padding:6px 14px 0 14px;
		color:#fff;
		height:35px;
		font-size:17px;
		font-weight:bold;
		text-shadow:2px 2px 1px #c45b01;
		text-decoration:none;
	}
		#top-menu ul li.myfiles a {
			background:url(images/topMenuLeft.png) no-repeat top left;
		}
			#top-menu ul li.myfiles a:hover {
				background:url(images/topMenuLeft.png) no-repeat bottom left;
			}
		#top-menu ul li.upload a {
			background:url(images/topMenuRight.png) no-repeat top right;
			padding-right:16px;
			text-shadow:none;
		}
			#top-menu ul li.upload a:hover {
				background:url(images/topMenuRight.png) no-repeat bottom right;
			}
	#top-menu ul a:hover {
		background:url(images/topMenuBG.png) repeat-x bottom left;
	}

/* Content */
#content {
	background:url(images/contentBG_full.jpg) no-repeat top left;
	padding:8px 14px;
	min-height:560px; /* 576px */
	overflow:auto;
}
	.homepage #content {
		float:left;
		background:url(images/contentBG_left.jpg) no-repeat top left;
		width:570px; /* 598px */
	}
	.subpage #content {
		float:right;
		background:url(images/contentBG_right.jpg) no-repeat top right;
		width:570px; /* 598px */
	}

#content h1 {
	color:#0a71b3; /* cc8800 */
	font-size:24px;
}

/* adsense ads */
.content-adsense {
	margin:8px 50px;
}
.homepage .content-adsense {
	margin:8px 50px;
	width:468px;
}

/* Side Menu */
#side-menu {
	width:274px;
	display:none;
}
	.homepage #side-menu {
		float:left;
		background:url(images/sideMenu_topRight.png) no-repeat top right;
		display:block;
	}
	.subpage #side-menu {
		float:right;
		background:url(images/sideMenu_topLeft.png) no-repeat top left;
		display:block;
	}
#side-menu ul {
	margin:12px auto;
	width:249px;
	font-size:15px;
}
	#side-menu ul li {
		margin:0 0 12px 0;
	}
	#side-menu ul li h2 {
		display:block;
		background:url(images/widgetHeader.png) no-repeat top left;
		padding:12px 0 0 14px;
		color:#fff;
		font-size:19px;
		font-weight:bold;
		text-shadow:2px 2px 1px #c45b01;
		height:38px; /* 50px */
	}
	#side-menu ul li h2 small {
		font-size:13px;
		text-shadow:none;
	}
	#side-menu ul li h2 a {
		color:#fff;
	}
	#side-menu div.side-menu-widget-content {
		background:url(images/widgetBG.png) no-repeat bottom left;
		padding:10px 6px;
		min-height:25px;
		overflow:auto;
	}
	#side-menu div.side-menu-widget-content p, #side-menu .side-menu-inner {
		margin:0 6px 8px 6px;
	}
	
	#side-menu ul ul {
		margin:0;
		padding:0;
		width:235px;
	}
	#side-menu ul ul li {
		margin:0 0 6px 8px;
	}
	
	/* Side Menu - Gallery */
	#side-menu ul ul.side-menu-gallery {
		width:100%;
		margin:6px 0 0 0;
		padding:0;
	}
	#side-menu ul ul.side-menu-gallery li {
		float:left;
		width:33%;
		margin:0 0 3px 0;
		padding:0;
		text-align:center;
	}
	#side-menu ul ul.side-menu-gallery li img {
		padding:2px;
		width:68px;
		height:68px;
		border:1px solid #999;
	}
	
/* Footer */
#footer {
	position:relative;
	padding:6px 8px 0 8px;
	height:41px;
	text-shadow:2px 2px 2px #000;
}
#footer ul {
	margin:0;
	padding:0;
	height:0;
}
	#footer li {
		float:left;
	}
	#footer ul.footer-links li {
		margin:0 12px 0 0;
		font-size:12px;
	}
	#footer ul.footer-links li a:hover {
		color:#ffe674;
	}
	#supported {
		float:right;
		position:absolute;
		top:8px;
		right:8px;
		margin:0;
		padding:0;
	}
		#supported a {
			display:block;
			background:url(images/poweredByServint.png) no-repeat left top;
			margin:0 6px 0 0;
			padding:0;
			width:259px;
			height:32px;
			text-indent:-9999px;
		}
		
/* Separate Page Properties */

.login {
	margin:125px 0 0 125px;
}
.register p {
	width:500px;
}
.controls {
	background:url(images/controlsBG.png) top left;
	padding:8px;
	border-bottom:1px #ccc solid;
}
.link-codes {
	margin:75px 0 0 75px;
}
		
/* System Defaults */

img {border:0px; margin:0px;}
form {margin:0px; padding:0px;}
label {cursor:pointer;}
legend {color:#444; font-size:1.2em; font-weight:bold;}
fieldset {border: 1px solid #E0E0E0; padding: 4px; margin:0px; margin-top: 8px;}
pre {margin:0px;padding:0px;font-size:0.9em;font-family:tahoma,verdana,arial;}
hr { border: 1; height: 1px; color: #ccc; background-color: #ccc; }

.ct { text-align: center; }
.cr { text-align: right; }
.cl { text-align: left; }
td {  padding: 6px 6px 0 0; }
.tt { vertical-align: top; width:150px; }

input.blue_button {background:url('images/bluebg.gif');background-repeat:repeat-x;font-family:verdana,tahoma,arial;font-size:0.9em;color:white;font-weight:bold;padding: 1px 3px 1px 3px;margin-bottom:1px;cursor:pointer;border-top:1px solid #99CCFF;border-left:1px solid #99CCFF; border-bottom:1px solid #115599; border-right:1px solid #115599;}
input.green_button {background:url('images/greenbg.gif');background-repeat:repeat-x;font-family:verdana,tahoma,arial;font-size:0.9em;color:#666666;font-weight:bold;padding: 1px 3px 1px 3px;margin-bottom:1px;cursor:pointer;border-top:1px solid #E9E9C1;border-left:1px solid #E9E9C1; border-bottom:1px solid #98A574; border-right:1px solid #98A574;}
input.chkbox{margin-left:0px;margin-bottom:0px;}
input.radio {margin-bottom:-2px; margin-left:-1px;}
input.input_file {  }
input.yellow { border: 0px; background-color: #FFFFE6; color:#606060; padding: 3px; margin: 0px; }
ul.ls_menu li, ol.ls_menu li { margin: 0px 0px 4px 0px; }
ul.ls_menu2 li, ol.ls_menu2 li { margin: 2px 0px 6px 0px; }
ul.ls_menu3 li, ol.ls_menu3 li { padding: 5px 0px 6px 9px; }
img.img1 { margin-bottom: -2px; }
span.green { color: #708059 }
span.hilite { background-color: #E0E0E0; }
span.underline { border-bottom: 1px solid #444444; }
span.small { color: #808080; }
span.smalltext { font-size: 0.9em; }
span.help { color: #55A055; cursor: help; border-bottom: 1px dotted; }
span.link { color: #0a71b3; cursor: pointer; text-decoration:underline; }
span.link_clicked { color: #0055FF; cursor: pointer; font-weight: bold; }
span.link2 { color: #505050; cursor: pointer; font-size:0.9em; }
span.link3 { color: #404040; cursor: pointer; font-size:0.9em; }
span.link4 { color: #0066DF; cursor: pointer; }
span.head1 { color: #404040; font-size:1.1em; font-weight: bold; }
span.sort { cursor:pointer; color: #444444; text-decoration:underline; }
.qinput { border: 1px solid #CCCCCC; padding:1px; line-height: 1.0em; }
.qinput input, .qinput textarea, input.qinput, textarea.qinput { border:0px; margin: 0px; padding: 0; }
table.rowlines td { border-bottom: 1px solid #f0f0f0; padding-bottom:5px; }
table.rowlines tr.header { background-color: #f0f0f0; font-weight: bold; color: #606060; }
table.rowlines tr.header td { border-bottom: 1px solid #E0E0E0; line-height: 0.9em; padding-top: 9px; }
table.galleryTable { width: 100%; }
table.galleryTable td { text-align:center; line-height:1.8em; color:#808080; font-size: 0.9em; }
table.galleryTable td span.image, table.galleryTable td.unselected span.image { display: block; padding: 2px; border: 1px solid #dddddd; background-color: white; margin: 0px auto 0px auto; }
table.galleryTable td.selected span.image { border: 1px solid #0153F5; background-color: #B7D7FF; }
table.galleryTable td span.image img { border: 1px solid white; display: block; margin-left: auto; margin-right: auto; }
table.galleryTable span.info { clear:both; display: block }
div.outer{border: 1px #888888 solid;background-color: white;}
p.note1{font-size:0.9em;line-height: 1.3em;border:1px solid #FFBFBF;background-image:url('images/bg4.gif');padding:3px 3px 3px 5px;margin:5px 0px 5px 0px;}
p.note2 {padding: 8px; line-height: 1.2em; background-image:url('images/alertBG.png');; color: #995c06; border-bottom:1px solid #ffbf05; font-family: "Trebuchet MS", tahoma, arial, verdana; font-size: 0.9em;  }
p.p1{padding:5px 0 5px 0;color:#444;}
p.p2{margin:0px;padding:0px;}
div.box1{padding: 5px;background-color: #FAFAFA;}
div.box2 { margin-top: 3px; }
div.spacer { clear: both; font-size: 1px; }

.gallery { margin-top:10px; }
.gallery .row { margin-bottom:10px; }
.gallery .cell { float:left; text-align:center; }
.gallery .inner_cell { margin: 0 auto 0 auto; width: 102px; }
.gallery .top { text-align:left; color:#555; background:url('images/thumb_bg.gif'); background-position:top center; background-repeat:no-repeat; padding:10px 0 3px 15px; }
.gallery .center { background:url('images/thumb_bg3.gif'); background-position:top center; background-repeat:repeat-y; padding: 3px 0 3px 0;}
.gallery .bottom { background:url('images/thumb_bg2.gif'); background-position:bottom center; background-repeat:no-repeat; padding: 2px 0 9px 0; margin-top:-5px; }
.gallery .thumb { border: 1px solid #eee; padding:2px; max-width:72px; }
.gallery .thumb img { border: 1px solid #fff; }
.gallery .name { color:#777;background-color:white;font-size:0.9em; }
.gallery .extra_options { font-size:0.9em;margin-top:3px; padding:2px 8px 0 8px;border-top:1px solid #f0f0f0;text-align:right }

a.thumb-link { display: block; float: left; border: 1px solid #ddd; margin: 5px 8px 5px 0; padding: 2px; text-align: center; }
a.thumb-link:hover { border-color: #ff66e7;  }
a.thumb-link img { display: block; }

#overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99; background-color:#000; opacity: 0.75; }
* html #overlay { background-color: #000; height: 100%; min-height:100%; filter: alpha(opacity=75); }

#overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99; background-color:#000; opacity: 0.75; }
* html #overlay { background-color: #000; height: 100%; min-height:100%; filter: alpha(opacity=75); }

#alert_box { width: 400px; top: 20%; position: fixed; z-index: 100; color: black; left: 50%; margin-left: -200px;  }
#alert_box .top { background-color: white; background:url('images/alert_box_top.gif') bottom center no-repeat; height: 10px; }
#alert_box .center { background-color: white; padding: 0 10px 0 10px; }
#alert_box .center .left { float: left; width: 75%; }
#alert_box .center .right { float: right; width: 20%; text-align: right; color: red; margin: -5px -5px 0 0; }
#alert_box .bottom { background-color: white; background:url('images/alert_box_bottom.gif') bottom center no-repeat; height: 10px; }
#alert_box p { margin: 0; padding: 2px 0 6px 0; }
#alert_box #alert_close_button { cursor: pointer; }