/* CSS Document */
/*body {background-image:url(../img/bg.gif)}*/
#logobox {padding-left:5px;padding-right:5px;padding-bottom:30px;padding-top:30px;max-width:292px;}
.blue_bg {background-color:#07316B}
.black_bg {background-color:#000000}
.dark_grey_bg {background-color:#333333}
.grey_gradient_bg{
  background-image:url(../img/cornice.png);
  background: -webkit-linear-gradient(#555555, #222222); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#555555, #222222); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#555555, #222222); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#555555, #222222); /* Standard syntax */


}
.top_bg{
  /*background-image:url(../img/cornice2.png);*/
 /* background-color:#1F1E1E;*/
  background-repeat:repeat-x
}
.dr_blue {color:#07316B}
.log_button {background-color:#1669AF; border-radius:2px; float:right; color:#FFFFFF;font-size:12px;padding-top:1px;padding-bottom:1px; width:105px; font-weight:bold; margin-top:12px;margin-left:4px;margin-right:4px; text-align:center}
.log_button:hover {background-color:#0066CC;}
.textinput {float:right; border:none; background-color:#FFFFFF; border-radius:2px; padding:1px; width:105px; font-size:12px; margin-top:12px;margin-left:4px;margin-right:4px;}
p {font-family: Arial, Helvetica, sans-serif; font-size:16px;}
.roboto {font-family:  Arial, Helvetica, sans-serif;}
.oswald{font-family:  Arial, Helvetica, sans-serif;font-size:14px}
.oswald14{font-family:  Arial, Helvetica, sans-serif;}
.roboto12 {font-family:  Arial, Helvetica, sans-serif; font-size:12px}
.roboto14 {font-family:  Arial, Helvetica, sans-serif; font-size:14px}
.roboto16 {font-family:  Arial, Helvetica, sans-serif; font-size:16px}
.roboto24 {font-family:  Arial, Helvetica, sans-serif; font-size:24px}
.roboto20 {font-family:  Arial, Helvetica, sans-serif; font-size:20px}
.roboto32 {font-family:  Arial, Helvetica, sans-serif; font-size:32px}
.rocksalt{font-family:  Arial, Helvetica, sans-serif;}
.forgot{float:right;padding-top:1px;padding-bottom:0px; width:26px; font-size:12px;margin-top:5px;margin-left:10px;margin-right:2px;margin-bottom:3px; text-align:center}
.forgot:hover{opacity:0.8}
/*.forgot img {border-radius:3px; border:solid 1px #444444;}*/
.register_button {
	float:right;
	width:105px;
	padding-top:1px;
	padding-bottom:1px;
	border-radius:2px;
	margin-top:12px;margin-left:4px;margin-right:4px;margin-bottom:3px;
	font-size:12px;
	background-color:#0CA823;	
	text-shadow:2px 1px 1px #999999;
	text-align:center;
}
.register_button:hover {
background-color:#66D109;
}
.claim {font-size:24px;}
/*#menu-container {
padding-top:0px;
}*/
#top-search-container {
width:100%;
border:solid 1px #999999;
background-color:#FFFFFF;
border-radius:4px;
height:30px;
}
#top-search-container2 {
width:100%;
border:solid 1px #999999;
background-color:#FFFFFF;
border-radius:4px;
}
#top-search-container2 h4 {
font-family:  Arial, Helvetica, sans-serif; font-size:12px;
font-weight:bold;
color:#BBBBBB;
padding-top:8px;
margin:0px;
}
#search_list {
	width:24px;
	height:24px;
	margin: 3px;
}
#search_list2 {
	width:24px;
	height:24px;
	margin: 3px;
}
#search_list-container {
width:15%;
margin:0px;
padding:0px;
float:left;

}
#search_logo {
	width:20px;
	height:20px;
	margin-top: 5px;
	margin-right:2px;
	float:right;
}
#search_logo-container {
width:12%;
margin:0px;
padding:0px;
float:left;

}
.search_input_text {
width:95%;
}
#simple-search{
	width:66%;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-right-color: #666666;
	border-left-color: #666666;
	height:22px;
	float:left;
	margin-top: 4px;
	margin-right: 2px;
	margin-bottom: 3px;
	margin-left: 2px;
}

#simple_keyword{
width:90%;
margin-left:5%;
margin-right:5%;
border:none;
}
.grid-menu {
	list-style-type: none;
	font-size:13px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 18px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}

.grid-menu li{
float:left;
margin-right:8px;
margin-left:0px;
}

.grid-menu li a{

text-decoration:none;
}

.searchmenu-inactive{
color:#07316B;
}

.searchmenu-inactive:hover{
color:#0066CC;
}

.searchmenu-active {
color:#0066CC;
font-weight:bold;
}
.search-p {
padding-left:10px;
padding-top:4px;
}

.dr_keys{
padding:10px;
margin:0px;
border-radius:3px;
border:none;
width:100%;
height:100px;
}
.search-submit {
	margin-top:5px;
	margin-bottom:5px;
	margin-right:auto;
	margin-left:auto;
	font-family:  Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#BBBBBB;
	font-size:14px;
	background-color:#FFFFFF;
	border:none;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	background-image:url(../img/lens.png);
	background-repeat: no-repeat;
	background-position: left center;
	cursor:pointer;	
}
.search-submit:hover {
	
	color:#999999;
}

#cover_box{
width:100%;
height:300px;
margin:0px;
padding:0px;
}
#profile-image{
	width:164px;
	height:164px;
	float:right;
	border: solid 2px #FFFFFF;
	/*border-left: solid 4px #EAEBED;*/
	margin-top:96px;
}
#profile-name{
	width:100%;
	height:40px;
	background:rgba(00,00,00,0.3);
	font-family:  Arial, Helvetica, sans-serif;
	font-size:18px;
	padding:7px;
	font-weight:normal;
	color:#FFFFFF;
}

.undercover-icon-box {
padding-left:2px;
padding-right:2px;
float:left;
vertical-align:bottom;
border:none;
}
.icon-counter {
font-family:  Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#777777;
	padding-top:4px;
	padding-left:4px;
	padding-right:24px;
	}
.icon-counter a {text-decoration:none; color:#777777}
.icon-counter a:hover {text-decoration:none; color:#07316B}
.icon_header {font-family:  Arial, Helvetica, sans-serif;font-size:12px;color:#777777; text-align:center}
.info-text {margin:0px; padding:0px; line-height:20px; color:#333333;}
.persinfo {font-family:  Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#07316B;
	text-align:center;
	padding-top:10px;
	padding-right:10px;
	cursor:pointer;}
.persinfo:hover {color:#0066FF;} 
.infotext {
	font-family:  Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	text-align:justify;
	padding:10px;
	line-height:20px;
	margin: 0px;

}

.mobiletab {
	width:100%;
	padding-top:10px;
	padding-bottom:10px;
	font-family:  Arial, Helvetica, sans-serif;
	font-size:16px;
	background-color:#FFFFFF;
	text-align:center;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
.mobiletab a {
color:#07316B;
text-decoration:none;
cursor:pointer;
width:100%;
display:block;
}
.tabactive {font-weight:bold}
.tabinactive {font-weight:normal}
.picbox{width:133px; height:133px; background-size: auto 100%; background-position:center top; background-repeat:no-repeat}
.picbox-vert{width:133px; height:133px; background-size: 100% auto; background-position:center top; background-repeat:no-repeat}
.picbox a {width:133px; height:133px; display:block; cursor:pointer}
.bigpicbox {max-width:800px; margin-left:auto; margin-right:auto; background-color:#FFFFFF; height:250px;}
.pageint {width:50px;height:1px;border-top:solid 1px #000000;margin-left:10px;}
.morebutton {background-color:#FF0000; padding:12px;font-family:  Arial, Helvetica, sans-serif; font-size:14px; color:#FFFFFF; border:solid 2px #FF0000; text-decoration:none}
.morebutton:hover {background-color:#FFFFFF; color:#FF0000; border:solid 2px #FF0000;
-webkit-transition: background-color 400ms linear;
    -moz-transition: background-color 400ms linear;
    -o-transition: background-color 400ms linear;
    -ms-transition: background-color 400ms linear;
    transition: background-color 400ms linear;}
.morebuttonblack {background-color:#FF0000; padding:12px;font-family: Arial, Helvetica, sans-serif; font-size:14px; color:#FFFFFF; border:solid 2px #FF0000; text-decoration:none}
.morebuttonblack:hover {background-color:#000000; color:#FF0000; border:solid 2px #FF0000;
-webkit-transition: background-color 400ms linear;
    -moz-transition: background-color 400ms linear;
    -o-transition: background-color 400ms linear;
    -ms-transition: background-color 400ms linear;
    transition: background-color 400ms linear;}
	
.audioleft{height:60px; padding: 3px;line-height:60px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; vertical-align:middle}
/*.audioleft:hover {background-color:#ffffff;}*/
.audioleft a{width:100%; height:60px;  text-decoration:none; line-height:60px; vertical-align:middle; display:block}
.audioleft img {vertical-align:middle; margin-right:10px;}
.audioright{ padding: 8px; margin:5px; background-color:#f6f6f6; font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; vertical-align:middle; cursor:pointer}
.audioright:hover {background-color:#ffffff;}
.downloadaudio{height:60px; padding: 3px;line-height:45px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; vertical-align:middle}
.downloadaudio a{width:100%; height:60px;  text-decoration:none; line-height:60px; vertical-align:middle; display:block}
.downloadaudio img {vertical-align:middle; margin-right:10px;}
.audiotitle { padding: 8px; margin:5px;}
.audioplayer {width:98%; padding-left:1%; padding-right:1%;}
.menumobile_open{height:24px; width:24px; padding:3px; background:rgba(00,00,00,0.8); float: right; margin-right:5px; margin-bottom:5px; margin-top: 60px; cursor:pointer}
.menumobileaudio{text-align:center; list-style:none; padding:0px; margin:0px;}
.menumobileaudio li{padding:18px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-weight:bold; border-bottom:solid 1px #CCCCCC}
.menumobileaudio li a{text-decoration:none;}
.a0bg {background-color:rgb(255, 247, 189)}
.a0bg:hover, .a1bg:hover, .a2bg:hover, .b1bg:hover, .ftbg:hover{background-color:#F3F3F3}
.a0text {color:#f8b10b}
.a1bg {background-color:rgb(255, 229, 229)}
.a1text {color:#d42626}
.a2bg {background-color:rgb(217, 245, 186)}
.a2text {color:#71B427}
.b1bg {background-color:rgb(255, 221, 189)}
.b1text {color:#F87D0B}
.ftbg {background-color:rgb(255, 250, 220)}
.fttext {color:#EFCD0C}
/***************************
slider
***************************/
.jssorb01 div, .jssorb01 div:hover, .jssorb01 .av
            {
                filter: alpha(opacity=70);
                opacity: .7;
                overflow:hidden;
                cursor: pointer;
				
               /* border: #000 1px solid;*/
            }		
            .jssorb01 div { background-color:none; border-radius:50%; border:solid 2px #FF0000 }
            .jssorb01 div:hover, .jssorb01 .av:hover { background-color: #FF0000; }
            .jssorb01 .av { background-color:#FF0000; }
            .jssorb01 .dn, .jssorb01 .dn:hover { background-color: #555555; }
 .jssora05l, .jssora05r, .jssora05ldn, .jssora05rdn
            {
            	position: absolute;
            	cursor: pointer;
            	display: block;
                background: url(../img/a17.png) no-repeat;
                overflow:hidden;
            }
            .jssora05l { background-position: -10px -40px; }
            .jssora05r { background-position: -70px -40px; }
            .jssora05l:hover { background-position: -130px -40px; }
            .jssora05r:hover { background-position: -190px -40px; }
            .jssora05ldn { background-position: -250px -40px; }
            .jssora05rdn { background-position: -310px -40px; }