@charset "utf-8";
/* CSS Document */

body,td,th{	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;	color: #cccccc;}
body {	background-color: #000000; margin: 0;}
a, a:link, a:visited {	font-family: Arial, Helvetica, sans-serif;	font-size: 12px;	font-weight: bold;	color: #ccc;	text-decoration: none;}
a:hover, a:active {	text-decoration: none;	color: #fff;}
h1,h2,h3,h4,h5,h6 {	font-family: "Arial Narrow", Arial, Helvetica; color: #fff;}
h1 {	font-size: 48px; margin: 0; padding: 0; font-weight:normal;}
h2 {	font-size: 24px;}
h3 {	font-size: 10px;}
h4 {	font-size: 16px;}
h5 {	font-size: 12px;}
h6 {	font-size: 18px;}
p {font-size:14px;}
img {border:none;}
.nocopy {}
@media print{
	.nocopy {display:none;}
}

/* form style */
form {	font-family: "Arial Narrow", Arial;	margin:0;}
form img {margin:1px 5px 9px 0px;}
form .column {margin-right:10px; float:left; width:45%;}
fieldset {	margin:0 0 10px 0;	padding:0 15px;	text-shadow:1px 1px 1px #999;	border:1px dotted #aaa;}
label {	display:block;	font-size:12px; font-weight:bold;	text-shadow:1px 1px 1px #ddd;}
/* input field */
input[type="text"], input[type="password"], select, textarea {
	width:238px;
	border:1px solid #3f3f3f;
	background-color: #ddd;
	padding:5px;
	margin:0; margin-bottom:10px;
	font-family: "Arial Narrow", Arial; font-size:14px; letter-spacing:1px;
	
	/* CSS3 spicing */
	text-shadow:1px 1px 1px #999;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;	
}
input[type="radio"], input[type="checkbox"] {
	margin:1px 5px 9px 0px; float:left;
}

input[type="text"]:focus, input[type="password"]:focus, 
input[type="radio"]:focus, input[type="checkbox"]:focus,
select:focus, textarea:focus		{ background-color:#fff; }
input[type="text"]:active, input[type="password"]:active, 
input[type="radio"]:active, input[type="checkbox"]:active,
select:active, textarea:active	{ background-color:#ddd; }

/* button */
input[type="button"], input[type="submit"], input[type="reset"] {
	background: #333; color:#ddd;
	font-family: "Arial Narrow", Arial;	font-size:14px;	font-weight:bold; cursor:default;
	padding:3px 20px;
	outline:0;
	border:none;
	text-shadow:1px 1px 1px #666;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;	
}
input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover {
	background: #555;	color : #fff;
}

/* error message */
.error {
	width:125px;
	height:15px;
	background-color: #500;
	font-size:11px;
	border:1px solid #aaa;
	padding:4px 10px;
	color:#fff;
	display:none;	
	
	-moz-border-radius:6px;
	-webkit-border-radius:6px; 
	-moz-border-radius-bottomleft:0;
	-moz-border-radius-bottomright:0;	
	-webkit-border-bottom-left-radius:0; 
	-webkit-border-bottom-right-radius:0;
	
	-moz-box-shadow:0 0 6px #aaa;
	-webkit-box-shadow:0 0 6px #aaa;	
}

.error p {
	margin:0;		
}

/* pure CSS arrow */
.error em {
	display:block;
	width:0;
	height:0;
	border:10px solid;
	border-color:#500 transparent transparent;

	/* positioning */
	position:absolute;
	bottom:-17px;
	left:10px;
}

.clear {height:20px; margin:0; padding:0;}

form span {display:block; float:none;}

.body {margin:0px 0px;}
.header {border-bottom:1px solid #666; padding:25px 0px;}
.content {border-left:1px solid #666; padding:25px 0px 25px 25px; min-height:500px;}
.navigator {width:125px; padding:25px 0px;}
.navigator a, .navigator a:link, .navigator a:visited { display:block; padding:5px 25px 5px 0px;}
.navigator a:hover, .navigator a:active { background:#000 url(../images/indicator.png) right center no-repeat; color: #fff;}
.navigator a.current {background:#000 url(../images/indicator.png) right center no-repeat; color: #fff; cursor:default;}
.footer {border-top:1px solid #666; padding:25px 0px; font-size:10px;}

.difcolor a.col, a.col:link, a.col:visited {width:130px; height:133px; display:block; float:left; margin-top:25px; padding:8px 0px;
	font-size:12px; text-shadow:1px 1px 2px #000; text-align:center; color:#eee; opacity:0.9;}
a.col:hover, a.col:active {	color: #fff; opacity:1;}
.difcolor .spc {width:25px; height:150px; display:block; float:left; margin-top:25px;}

.links{ text-align:center; margin:25px 0px;}
.links a { 
}
.links a img {padding:5px; background:#fff; width:auto; height: 50px; opacity: 0.7;
	margin:0px 5px;
	/**/
	-moz-border-radius:5px;	-webkit-border-radius:5px;
	-moz-box-shadow:0px 0px 6px #ddd;	-webkit-box-shadow:0px 0px 6px #ddd;
	/**/
}
.links a:hover img {opacity: 1;}

#container {position:relative; width:750px;}
.slides { position:relative; cursor:pointer;}
.slides div {
	display:none; width:auto; height:375px; overflow:hidden;
	font-size:12px; color:#fff; text-align:center;
}
.slides div h1 {background:none; text-align:center; padding:0px 5px;}
.pager{width:56px; top:375px;	height:20px; margin:0 auto;}
.pager a{
	display:block;	width:8px;	height:8px;	margin:3px;	float:left;
	font-size:1px;	background:url(../images/navigator.png) 0 0 no-repeat;
}
.pager a:hover{background-position:0 -8px;}
.pager a.active{background-position:0 -16px;}
.pager a.current{background-position:0 -16px;}

#slide {
	width:750px; height:335px; overflow:hidden;
	background:#333;
	z-index:1;
}
#slide img {
	border: none;
	display:none;
}
#pager {
	position:absolute;
	text-align:center;
	top:315px;
	left: 5px;
	height:20px;
	z-index:98;
}
#pager a{
	width:8px;height:8px;float:left;margin:3px;
	background:url(../images/navigator.png) 0 0 no-repeat;
	display:block;font-size:1px;
}
#pager a:hover{background-position:0 -8px;}
#pager a.active{background-position:0 -16px;}
#pager a.current{background-position:0 -16px;}

/* calendar root element */
#calroot {
	/* place on top of other elements. set a higher value if nessessary */
	z-index:10000;
	
	margin-top:-1px;
	width:198px;
	padding:2px;
	background-color:#fff;
	font-size:11px;
	border:1px solid #ccc;
	
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	
	-moz-box-shadow: 0 0 15px #666;
	-webkit-box-shadow: 0 0 15px #666;	
}

/* head. contains title, prev/next month controls and possible month/year selectors */
#calhead {	
	padding:2px 0;
	height:22px;
} 

#caltitle {
	font-size:14px;
	color:#0150D1;	
	float:left;
	text-align:center;
	width:155px;
	line-height:20px;
	text-shadow:0 1px 0 #ddd;
}

#calnext, #calprev {
	display:block;
	width:20px;
	height:20px;
	background:transparent url(../images/prev.gif) no-repeat scroll center center;
	float:left;
	cursor:pointer;
}

#calnext {
	background-image:url(../images/next.gif);
	float:right;
}

#calprev.caldisabled, #calnext.caldisabled {
	visibility:hidden;	
}

/* year/month selector */
#caltitle select {
	font-size:10px;	
}

/* names of the days */
#caldays {
	height:14px;
	border-bottom:1px solid #ddd;
}

#caldays span {
	display:block;
	float:left;
	width:28px;
	text-align:center;
}

/* container for weeks */
#calweeks {
	background-color:#fff;
	margin-top:4px;
}

/* single week */
.calweek {
	clear:left;
	height:22px;
}

/* single day */
.calweek a {
	display:block;
	float:left;
	width:27px;
	height:20px;
	text-decoration:none;
	font-size:11px;
	margin-left:1px;
	text-align:center;
	line-height:20px;
	color:#666;
	-moz-border-radius:3px;
	-webkit-border-radius:3px; 		
} 

/* different states */
.calweek a:hover, .calfocus {
	background-color:#ddd;
}

/* sunday */
a.calsun {
	color:red;		
}

/* offmonth day */
a.caloff {
	color:#ccc;		
}

a.caloff:hover {
	background-color:rgb(245, 245, 250);		
}


/* unselecteble day */
a.caldisabled {
	background-color:#efefef !important;
	color:#ccc	!important;
	cursor:default;
}

/* current day */
#calcurrent {
	background-color:#498CE2;
	color:#fff;
}

/* today */
#caltoday {
	background-color:#333;
	color:#fff;
}

.facebox {
	display: none;
	width:400px;	
	border:10px solid #666;
	border:10px solid rgba(82, 82, 82, 0.698);
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
}

.facebox div {
	padding:10px;
	border:1px solid #3B5998;
	background-color:#333333;
	color: #ccc;
}