/* CSS Document */
/* Setup for main CSS rules */
body {
	margin:0px;
	padding:0px;
	border:0px;
	font-family: Arial, Verdana;
	font-size:12px;
	line-height:14px;
	letter-spacing:0px;
	text-align:center;
	color: #b0b0c8;
	background:#030303 url(images/bg.jpg) top left no-repeat;
}

a {	
	color: #2CAEEC; 
	font-weight: bold; 
	}
a:link,a:active,a:visited,a:hover {
	text-decoration: none; 
	}
a:hover {
	color:#ffffff; 
	}
a img {
	border:0px;
	}
li {
	line-height:150%;
	}
h1,h2,h3,h4,h5 {
	font-family:"Trebuchet MS", Verdana,Arial ;
	font-weight:normal;
	margin-bottom:0px;
	color:#42A4C9;
	}
h1 {
	font-size:24px;
	letter-spacing:4px;
	color:#353840;
	}

h2 { 
	font-size:20px;
	border-bottom:1px solid #ddd;
	line-height:24px;
	}
h3 { font-size:16px; }
	
div.notice {
	font-size:12px;
	padding:16px;
}	

div#ctext td, div#ctext th{
	width:56px;
	padding:2px;
	text-align:center;
	border-right:1px dotted #22363d;
	}
div#ctext tr.sl, div#ctext th{
	background:#22363D;
	}

/* Position and width of site */
#positionme {
	width:768px;
	height:768px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	background:#02161D;
	overflow:hidden;
	}							

/* Navigation Bar*/
#cNav {
	position:absolute;
	text-align:right;
	top:96px;
	left:0px;
	width:700px;
	font-weight:normal;
	font-size:14px;
	overflow:hidden;
	text-align:left;
	z-index:1000;
	}
	#cNav a {
		font-size:14px;
		line-height:32px;
		font-weight:normal;
		padding:4px 16px 4px 16px;
		border-bottom:2px solid #2CAEEC;
		margin:0px;
		background:transparent;
		color:#fff;
	}
		#cNav a:hover {
			background:#2CAEEC;
			border-bottom:2px solid #fff;
		}

/* Header Specific*/
#cHeader {
	position:absolute;
	top:0px;
	left:0px;
	width:768px;
	height:128px;
	background:url(images/a.jpg) top left no-repeat;
}

/* Footer Specific*/
#cFooter {

	position:absolute;
	bottom:0px;
	left:0px;
	border-top:2px dotted #808090;
	width:768px;
	background-color:transparent;
	font-size:10px;
	color:#454850;
}
	#cFooter a{
		font-weight:normal;
		margin:8px;
		color:#454850;
		font-size:12px;
	}
		#cFooter a:hover{
			color:#777;
		}




/* Content*/
#cContent {
	position:absolute;
	top:128px;
	left:0px;
	width:768px;
	height:600px;
	text-align:left;
	background:url(images/b.jpg) top left no-repeat;
}

#ctext {
	padding:16px;
	overflow:hidden;
	width:320px;
	line-height:16px;
	}
	#ctext input, #ctext textarea {
		background:#12262D;
		color:#fff;
		border:1px solid #42A4C9;
	}
	#ctext input[type="submit"]{
		font-size:14px;
		color:#fff;
		background:url(images/a.jpg) bottom right no-repeat;
		float:right;
		cursor:pointer;
	}

#cLargeImage, div.cGallery {
	position:absolute;
	top:2px;
	right:0px;	
}


/* specials*/

div.Image[type="preview"] {

	}

div.Image[rel="Image.Gallery"], div#csheet2 img {
	background:#000;
	margin:4px;
	padding:4px;
	width:auto;
	float:left;
	}
div.Image.selected {
	background:#404040;
	}
div.Image[rel="Image.Gallery"] div.ImageContainer{
	display:block;
	width:auto;
	text-align:center;
	}
form#foUserGallery div.Image[rel="Image.Gallery"], div#csheet2 img {
	background:#404040;
	}
form#foUserGallery  img {
	float:left;margin-top:4px;
	}
form#foUserGallery  div.ImageContainer img {
	float:none;
	margin-top:0px;
	}
form#foUserGallery input#cmdSave {
	position:absolute;
	top:0px;
	left:0px;
}
div#overlay {
	position:absolute;
	top:0px;
	left:0px;
	z-index:9000;
	width:100%;
	height:100%;
	background:#000000;
	opacity:0.9;
	filter: alpha(opacity=90);
	text-align:center;
}


.popover {
	margin:auto;
	margin-top:256px;
	width:256px;
	text-align:center;
	height:auto;
	background:#02161D;
	border:1px solid #42A4C9;
	padding:8px;
	z-index:9001;
}
.popover input {
	padding:4px;
}

div.SlidesContainer {
width:auto;
height:80px;
}

div#csheet {
	position:absolute;
	top:100px;
	bottom:0px;
	padding-top:28px;
	}

div#csheet>form#foUserGallery>div[class="Image.Gallery"] {
	position:absolute;
	top:28px;
	bottom:0px;
	overflow-y:scroll;
	}
div#csheet2 {
	position: absolute; 
	width: 100%; 
	top: 84px;
	z-index:32;
}
div#csheet2 div {
	position: relative; 
	float:left;
	display:inline;
}
div#csheet2 div a+img{
	position: absolute; 
	bottom:0px; 
	left: 0px;
}

div#csheet2+div#csheet {
	top:268px;
	}
	
div.SlidesContainer img, div#csheet2 img{
	cursor:pointer;
	}