/* 
  @file: style.css
  @author: cssbit@gmail.com
*/

body {
	margin:0px 0px 0px 0px;
	background: url(../images/background.png) repeat-x;
	font: 100% tahoma;
}
.container {
	width:940px;
	margin:0 auto;
	position:relative;
}
#header {
	height:63px;
	position:relative;
	z-index:999;
}
#logo a {
	display: block;
	background: url(../images/logo.png);
	height:60px;
	width:177px;
	text-indent:-9999px;
	margin-top:-2px;
	margin-left:auto;
	}
#slogan {
	font-size: 0.7em;
	text-shadow:1px 1px #111;
	color: #fff;
	margin-top: 44px;
	margin-left: 750px;
	position:absolute;
	}

.last, div.last {
	margin-left:0;
}
.span-1 {
	width:177px;
}
.span-2 {
	width:780px;
}
.span-3 {
	width:900px;
	margin-left:0;
}
.column, div.span-1, div.span-2, div.span-3 {
	float:right;
	margin-left:20px;
}
.map{
	border:1px solid #ccc;
	background:white;
	margin-top:70px;
	margin-bottom:70px;
	padding:5px;
}

/* @group Header 
#header {
	margin: 0 auto;
	position: relative;
}
#header h1 {
	margin: 0 auto;
	width: 1000px;
}
#header #alert {
	position:absolute; 
	top:-26px;
	left:10px;
	border:0px solid #000;
	
	
}*/


#facebook a, #twitter a {
	position: fixed;
	top:280px;


}
#facebook a {
		right:0
}
*html #facebook a , *html  #twitter a{
	  position: absolute;	
}

#facebook a:hover {
	right:02px
}
#twitter a {
	left:0
}
#twitter  a:hover{
		left:02px
}
#topleft a {
	position: fixed;
	top:0px;
}

*html #topleft a{
	  position: absolute;	
}

#topleft a {
	left:0
}

/* @end */




/* @group Wrap */
#wrap {
	margin: 0px auto;
	width: 850px;
	padding: .4em;
	position: relative;
	}
/* @end */


/* @group Footer*/
#footer {
	clear: both;
	background: url(../images/bg.jpg) repeat-x 100% 0;
	text-align: center;
	overflow: auto;
	height: 90px;
	width: 1000px;
	margin: 0 auto
}
#footer .ar ul, #footer .en ul {
	overflow: auto;
	margin-top:35px
}
#footer ul {
	overflow: auto;
	font: bold 1em arial;
}
#footer ul li {
	display: block;
	border: 1px solid #CC9;
	border-width: 0 0 0 1px;
	float: right;
}
#footer ul li.none {
	border: 0;
}
#footer ul li a {
	padding: 0 15px;
	color: #FFFFAE;
	text-decoration: none;
}
#footer ul li a:hover {color: #fff;}
#footer a {color: #FFFFAE;}
#footer a:hover {color: #fff;text-decoration: underline;}
#footer p {
	float: left;
	clear: both;
	direction: ltr;
	margin: 15px 0 0 15px;
	color: #fff;
	font: .78em 'Trebuchet MS';
	letter-spacing: 2px;
	text-transform: uppercase;
}
/* @end */

/*ul.time {
	overflow: scroll;
	height:120px
}
ul.time li  {
 opacity: 0.5;

}
ul.time li:hover {
 opacity: 1	
}
ul.time li {

}*/

/** Main Navigation **/
ul#topnav {
	padding: 0 0;
	width: 590px;
	font-size: 0.9em;
	text-align:center;
	margin: -40px 0px 0px -300px;
	list-style: none;
}

ul#topnav li {
	float: right;
	display: inline;
	margin: 0 5px;
}
ul#topnav li a {
	text-decoration: none;
	float:left;
	cursor: pointer;
	color:#fff;
	font-size: .9em;
	text-shadow:1px 1px #111;
	padding:0;
}
ul#topnav li a span {
	margin: 0 10px 0 -10px;
	padding: 3px 8px 4px 28px;
	position: relative;
	float:left;
}
ul#topnav li a:active {
	color:#fff;
	margin-top:1px
}
ul#topnav li.active a, ul#topnav li a:hover {
	text-decoration:none;
	background:#595959;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
}
/* usual */
.usual {
	margin:40px auto 0;
}
.usual ul {
	overflow: auto;
	width:700px;
	margin:0 auto;



}
.usual ul li a {
	background: #E0E7BE;
	float: right;
	display: block;
	margin:0 10px 0 15px;
	padding:1em;
	color:#000;
	-moz-border-radius: 15px 0px 15px 0;
	-webkit-border-radius: 15px 0px 15px 0;
	border-radius:  15px 0px 15px 0; 
	-khtml-border-radius: 15px 0px 15px 0;
}
.usual ul li a.selected {
	background: #748715;
	color:#fff;

	
}
.usual ul li a:hover {
	background: #748715;
	color:#fff;
	
}
/* navigation */
.navigation {
	margin: 05px 0 0;
	overflow: auto;
	padding: .5em;
	border-bottom: 1px dashed #666;
	font-weight: bold;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	font-size:.8em
}

/* content */
.content {text-align: center;}
.content .section {
	border: 3px solid #ECECEC;
	padding: .5em;
	margin: 10px 0 30px;
	position: relative;


}
.content h1 {margin: 25px 0 0;}
.content p.status {margin: 05px 0 25px;}

/* entry */
.entry {padding: .5em;}
.entry ol {padding: .5em;margin: 0 15px;}
.entry p {margin: 0 0 15px;}
.entry span {display:block}

/* page */
.page {margin: 15px 0;border: 2px solid #D1DC99;padding: .5em;min-height: 260px !important}
.page {-moz-border-radius: 06px;-webkit-border-radius: 06px;}
.page img {padding: .5em;}
.page h2 {font: bold 1.6em arial;padding: .2em;color: #000;border-bottom: 1px dotted #D6DBBD;margin: 10px 0;}


/* scroll */
.scroll {margin: 0px 20px 0;font-size: .8em;clear: both;}
.scroll ul {overflow: auto}
.scroll strong {
	
	background: #eee;
	padding:.4em .8em;
	font-size: .8em;font-weight: normal
	;
	display: block;
	margin-bottom:0px;
	-moz-border-radius:03px 0 03px 0
	}
.scroll li {
	text-align: center;
	/*border-left:1px solid #000;
	border-bottom:1px solid #000;*/
	float: right;
	text-transform: capitalize;
	color: #666;
	width:55px;
	margin: 0 0 05px 05px
}

.scroll li span {
		text-align: center;

}
.scroll li span.status {
			text-align: center;
}
.scroll li span:hover {color: #000;cursor: pointer;}


/* status */
.scroll li span {
			margin: 0 auto 05px
}
.scroll li span.status {
	width:10px;
	height:10px;
	display:block;
}
span.status.status-1 {background:url(../images/1.png) no-repeat}
span.status.status-2 {background:url(../images/2.png) no-repeat}
span.status.status-3 {background:url(../images/3.png) no-repeat}
span.status.status-4 {background:url(../images/4.png) no-repeat}
span.status.status-5 {background:url(../images/5.png) no-repeat}

span.status-1 {color:#6C0}
span.status-2 {color:#ffcf3c}
span.status-3 {color:#ff9908}
span.status-4 {color:#F36}
span.status-5 {color:#C00}

strong {
	color:#fff
}
strong.status-1 {background:#B4DD29}
strong.status-2 {background:#F3D736}
strong.status-3 {background:#F09719}
strong.status-4 {background:#FF766C}
strong.status-5 {background:#CB2817}

/* @group Misc */

.safemode{
	background: #f9cd6e;
	font-size: .8em;
	padding: .8em;
	overflow: auto;
	color: #000;
	border: 1px solid #f78810;
	border-width: 2px 0;

}

.alertt {
	background: #F96E8F;
	font-size: .8em;
	padding: .8em;
	overflow: auto;
	color: #FFF;
	border: 1px solid #FE030F;
	border-width: 2px 0;

}

.notice {
	background: #FFFBE4;
	font-size: .8em;
	padding: .8em;
	overflow: auto;
	color: #A07D1B;
	border: 1px solid #E6D093;
	border-width: 2px 0;

}

.close {
	float: right!important;
	width: 14px;
	height: 14px;
	overflow: hidden;
	margin-top: 1px;
	background: url(../images/close.gif) no-repeat 0 0;
	margin: 05px;
	cursor: pointer;
}
.close:hover {background-position: 0 -14px;}

.update {
	font-size: .8em;
	padding: 1em;
	margin: 15px 0 10px;
	color: #CB0500;
	background: #ccc;
	overflow: auto;
	-moz-border-radius: 05px;
}
#tooltip {
	color: #000;
	padding: 7px;
	border: 2px solid #E0C57A;
	background: #FFF9D0;
	font-size: .7em;
}
#load {
	display: none;
	position: absolute;
	right: 25px;
	top: 120px;
	background: url(../images/loading.gif) no-repeat;
	width: 16px;
	height: 16px;
	text-indent: -9999em;
}
/* @end */


/* @group Global */
.ar     {float: right;}
.en     {float: left;direction: ltr;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;}
.right  {text-align: right;}
.left   {text-align: left;}
.ltr    {direction: ltr;}
.center {text-align: center;}
a       {color: #637606;}
a:hover {color: #000;}
/* @end */


/* Make sure the layout is centered in IE */
*html .notice, *html .update, *html .navigation, *html .content .section {
	height: 1%;
}

*html .entry span {background: none}
*html #footer ul {width: 430px}
*html #footer {height: 1%;}
*html #footer p {width: 150px;}
*html .page {height: 1%;width: 770px;}

*+html #footer ul {width: 430px}
*+html #footer p {width: 150px;margin-left: 25px;}

*html .usual ul {
	height: 1%;
	width:90%

}

*html .usual ul li {

}


/* */

.ui {

	margin: 15px 0 0 0
}
.ui-time {
	overflow: auto;
	direction: ltr;
	margin: 0 20px 15px 0
}
.ui-time li a {
	float: right;
	display:block;
	padding:.2em;
	margin: 0 0 0 5px;
	background: #ccc;
}

.ui-time li a.selected {
	background: #6EB514;
	color:#666;

	
}