@import url('/js/jui/css/ui-lightness/jquery-ui-1.7.2.custom.css');

*{ margin: 0; padding: 0; }* 

body { font: .74em Tahoma, Arial, "Trebuchet MS", Tahoma, sans-serif; line-height: 1.64em;  color: #444; background:transparent }
a { color: #299DCA;	background: inherit; text-decoration: none; }
a:hover { color: #808080; }
.blue { color: #EEAC44; }
.white { color: #fff; }
.black { color: #000; }
p { margin: 0 0 15px 0; }
h1 { font: normal 2.4em Georgia, Arial, Sans-Serif; margin: 15px 0 0 5px; }
h1 a:hover { color: #E4FFD3; background: inherit; }
h2 { font: bold 1.6em Arial, Sans-Serif; margin: 0 0 12px; border-bottom:1px solid #EEAC44 }
h3 { background:url(../img/roundheader1.png) right top; height:18px; padding:5px; color:#333333; font: bold 1.4em Arial, Sans-Serif; margin: 0 0 10px; }
h4 { color: #808080; background: inherit; font-weight: normal; font-size: .9em; }

.png { behavior: url(css/iepngfix.htc) }

#content { width: 990px; margin: 0 auto; }

#logo { float: left; margin:30px 0 10px }
#saltur_777 {
	 float:right; background:url(../img/saltur_777.png) no-repeat; height:97px; width:300px; margin-top:10px;
}
#menu {	display: block;
	position: relative;
	z-index: 10;
	float: right; width: 500px; padding:0; margin: 30px 0 5px;
}
#menu li {
	position: relative;
	float: right;
	display: block;
	font-size: 1.1em; 
	display: inline;
}
#menu li a {
	float: left;
	display: block;
	font-weight: bold;
	padding: 5px 10px 5px 10px; margin: 0 20px 0 0; color: #FFFFFF;  border-bottom: 5px solid #e0e0e0;
}
#menu li a:hover {
	color: #7DD0F1;
}

#intro { clear: both; background: url(../img/banner2.png) no-repeat; color: #333; height: 50px; padding: 28px 0 0 20px; }
#intro h1 { margin: 0; background: #FFF; display: inline;  color: #7DD0F1; padding: 2px 5px; }
#intro p { margin: 0; color: #808080; font-weight: bold; font-size: .9em; }
	
	#login { font-size: .9em; margin: 0 0 0; }
	#login a { color: #616161; background: #8BE1FA; padding: 4px 20px 6px; border-bottom: 1px solid #616161; }
	#login a:hover { color: #fff; background: #8BE1FA url(images/loginhover.gif) no-repeat; }
#left { clear: left; float: left; width: 650px; }
#inner_left {
	clear: left; float: left; width: 430px;
}
#inner_right {
	position: relative; float: right; width: 210px; font-size: .9em;
}
#left .opac_mod img { border: 1px solid #ccc; padding: 1px; float: left; margin: 0 15px 5px 0;}

	#articles { margin: 0 0 0 0; }
	#articles li  { list-style: none; float: left; width: 195px; background:url(../img/transstripe2.png) repeat-x bottom; padding: 4px 8px; margin: 0 4px 5px 0; font-weight:bold}
	#articles li a { background: url(../img/menuarrow.jpg) no-repeat 0 5px; padding: 0 0 0 8px;  font-weight:normal }

#right { position: relative; top: -80px; margin: 0 0 0 15px; float: left; font-size: .9em; width: 314px;    }
.opac_mod img { border: 1px solid #ccc; padding: 1px; margin: 0 0 8px; }
	#left  .opac_mod a { background: #EFFCFF; }
	
	#right h2 { border-bottom: 1px solid #ccc; padding: 0 0 8px; }
	.info { border: 1px solid #e0e0e0; background: #f4f4f4; padding: 8px; }

	#footer_bg1 { background:url(../img/footer_bg_1.png) repeat-x; height:78px;  }
	#footer_bg2 { background:url(../img/footer_bg_2.jpg) repeat-x; }
	#footer { padding: 10px; margin: 0 0 5px; font-size: .9em; color:#FF0000; width:990px; margin:0 auto }
	#footer p {}

	#footer a { color: #808080; background: #fff; font-weight: bold; }
	.right{ float: right; padding: 7px 0 0 15px; }
	
.clear { clear:both }


.opac_mod {
	background:#FFFFFF; padding: 10px; 
}

.tran_mod {
	
}
.tran_mod .thumb_gallery img {
	padding:7px; width:62px; background:url(../img/transstripe2.png);
}
span.purple {
	color:#F20089;
}


fieldset {
border:0;
}
label {
	font-weight:bold;
}


.share {
	border-bottom:1px dotted #CCCCCC; margin-bottom:3px; padding-bottom:3px;
}
.share_link {
	border:0; margin:5px;
}




.next, .prev, .pause{
	cursor:pointer;
}
#screen{
	position:relative;
	height:500px;
	width:284px;
    margin:0 auto;
}
#screen .next, #screen .pause, #screen .prev{
    position:absolute;
    top:480px;
}
#screen .prev{
    left:0px;
}
#screen .pause{
    left:25px;
}
#screen .next{
    left:50px;
}
#navigation{
    margin:10px 0 0;
}
#navigation ul{
    float:right;
    list-style-type:none
}
#navigation li{
    float:left;
    margin:0 2px;
}
#navigation a{
    text-decoration:none;
    color:#B7B7B7;
    border:1px solid #B7B7B7;
    text-align:center;
    padding:2px 5px;
}
#navigation a:hover{
    background:#B7B7B7;
    color: #FFFFFF;
}

#sections{
	overflow:hidden;
	background-color:white;
	width:284px;
	height:470px;
	clear:left;
}
#sections ul{
    width:3660px;
    list-style-type:none
}
#sections li{
    float:left;
}
#sections li.fallen{
    margin-top:470px;
}
#sections p{
    width:284px;
}
#sections h2{
    
}
#sections a{

}



caption {font-size: 1.7em; color: #F06; text-align: left;}
table {margin: 0; padding: 0; border-collapse: collapse; width: 100%;}
td, th {padding: 2px 4px; border-bottom: 1px solid #EEE;}
td + td {border-left: 1px solid #FAFAFA; color: #999;}
td + td + td {color: #666; border-left: none;}
td a {color: #444; text-decoration: none; }
td a, th a {display: block; width: 100%;}
td a:hover {}
tfoot th {text-align: right;}
th {text-align: left;}
th + th {}
th + th + th {text-align: left;}
th a {color: #F06; text-decoration: none; font-size: 1.1em;}
th a:visited {color: #F69;}
th a:hover {color: #F06; text-decoration: underline;}
thead tr, tfoot tr {color: #555; font-size: 0.8em;}
tr {font: 12px sans-serif; background: url(prettyinpink_row.png) repeat-x #F8F8F8; color: #666;}
tr:hover {background: #FFF;}