/* COMMON STYLE --------------------------------------------------------- */
html,body,form,fieldset {margin: 0;padding: 0;}

body {margin: 0;padding: 0;}
body#bd {font-family: Arial;}
.clearfix {clear: both;}

body.fs1 {font-size: 10px; line-height: 16px;}
body.fs2 {font-size: 11px; line-height: 17px;}
body.fs3 {font-size: 12px; line-height: 18px;}
body.fs4 {font-size: 13px; line-height: 19px;}
body.fs5 {font-size: 14px; line-height: 20px;}
body.fs6 {font-size: 15px; line-height: 21px;}

/* MODULE STYLEs --------------------------------------------------------- */
.white {
	color: #333;
	background-color: #fff;
	margin: 0 auto 10px auto;
	padding: 5px 10px;
	position: relative;
	border: 1px solid #fff;	-webkit-transition-property:
		background-position,
		-webkit-border-radius,
		-webkit-box-shadow;
	-moz-transition-property:
		background-position,
		-moz-border-radius,
		-moz-box-shadow;
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
}
.white:hover {
	background-color: #fff; background-position: 0; border: 1px solid  rgba(255,255,255,1);
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-khtml-border-radius: 20px;
	border-radius: 20px;
	-webkit-box-shadow: 2px 5px 50px rgba(0, 0, 0, 0.1), 0 0 20px rgba(0, 0, 0, 0.1) inset;
	-khtml-box-shadow: 2px 5px 5px rgba(0, 0, 0, 0.1), 0 0 20px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow: 2px 5px 5px rgba(0, 0, 0, 0.1), 0 0 20px rgba(0, 0, 0, 0.1) inset;
	box-shadow: 2px 5px 5px rgba(0, 0, 0, 0.1), 0 0 20px rgba(0, 0, 0, 0.1) inset;
}
.white h3, .logs h3
{
margin: -3px -8px -2px -6px; padding: 5px; font-size: 190%;  height: 24px; background: #f1f1f1;
}
.noshadow h3,.dark h3, .mcolor h3, .nflash h3
{
margin: -3px -8px -2px -6px; padding: 5px; font-size: 190%;  height: 24px; 
}

.logs {
	color: #111;
	background-color: #f1f1f1;
	margin: 0 auto 10px auto;
	padding: 5px 10px;
	position: relative;
	-webkit-transition-property:
		background-position,
		-webkit-border-radius,
		-webkit-box-shadow;
	-moz-transition-property:
		background-position,
		-moz-border-radius,
		-moz-box-shadow;
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
}

 .logs:hover {
	 background-position: 0;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-khtml-border-radius: 20px;
	border-radius: 20px;
	-webkit-box-shadow: 2px 5px 50px rgba(0, 0, 0, 0.15), 0 0 30px rgba(0, 0, 0, 0.1) inset;
	-khtml-box-shadow: 2px 5px 5px rgba(0, 0, 0, 0.15), 0 0 30px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow: 2px 5px 5px rgba(0, 0, 0, 0.15), 0 0 30px rgba(0, 0, 0, 0.1) inset;
	box-shadow: 2px 5px 5px rgba(0, 0, 0, 0.15), 0 0 30px rgba(0, 0, 0, 0.1) inset;
}

.mcolor {
	margin: 0 auto 10px auto;
	padding: 5px 10px;
	position: relative;
	-webkit-transition-property:
		background-position,
		-webkit-border-radius,
		-webkit-box-shadow;
	-moz-transition-property:
		background-position,
		-moz-border-radius,
		-moz-box-shadow;
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
}
 .mcolor:hover {
	 background-position: 0;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-khtml-border-radius: 20px;
	border-radius: 20px;
	-webkit-box-shadow: 2px 5px 50px rgba(0, 0, 0, 0.15), 0 0 30px rgba(0, 0, 0, 0.3) inset;
	-khtml-box-shadow: 2px 5px 5px rgba(0, 0, 0, 0.15), 0 0 30px rgba(0, 0, 0, 0.3) inset;
	-moz-box-shadow: 2px 5px 5px rgba(0, 0, 0, 0.15), 0 0 30px rgba(0, 0, 0, 0.3) inset;
	box-shadow: 2px 5px 5px rgba(0, 0, 0, 0.15), 0 0 30px rgba(0, 0, 0, 0.3) inset;
}
.nflash {
	margin: 0 auto 10px auto;
	padding: 5px 10px;
	position: relative;
	-webkit-transition-property:
		background-position,
		-webkit-border-radius,
		-webkit-box-shadow;
	-moz-transition-property:
		background-position,
		-moz-border-radius,
		-moz-box-shadow;
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
}
 .nflash:hover {
	 background-position: 0; 
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-khtml-border-radius: 20px;
	border-radius: 20px;
	-webkit-box-shadow: 2px 5px 50px rgba(0, 0, 0, 0.15), 0 0 30px rgba(0, 0, 0, 0.1) inset;
	-khtml-box-shadow: 2px 5px 5px rgba(0, 0, 0, 0.15), 0 0 30px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow: 2px 5px 5px rgba(0, 0, 0, 0.15), 0 0 30px rgba(0, 0, 0, 0.1) inset;
	box-shadow: 2px 5px 5px rgba(0, 0, 0, 0.15), 0 0 30px rgba(0, 0, 0, 0.1) inset;
}

.dark {
	background-color: #333;
	color: #f1f1f1;
	margin: 0 auto 10px auto;
	padding: 5px 10px;
	position: relative;
	-webkit-transition-property:
		background-position,
		-webkit-border-radius,
		-webkit-box-shadow;
	-moz-transition-property:
		background-position,
		-moz-border-radius,
		-moz-box-shadow;
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
}
.dark:hover {
	background-color: #444; background-position: 0;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-khtml-border-radius: 20px;
	border-radius: 20px;
	-webkit-box-shadow: 2px 5px 50px rgba(0, 0, 0, 0.15), 0 0 30px rgba(0, 0, 0, 0.3) inset;
	-khtml-box-shadow: 2px 5px 5px rgba(0, 0, 0, 0.15), 0 0 30px rgba(0, 0, 0, 0.3) inset;
	-moz-box-shadow: 2px 5px 5px rgba(0, 0, 0, 0.15), 0 0 30px rgba(0, 0, 0, 0.3) inset;
	box-shadow: 2px 5px 5px rgba(0, 0, 0, 0.15), 0 0 30px rgba(0, 0, 0, 0.3) inset;
}
.dark ul, .mcolor ul, .white ul {
	padding-left: 10px;
}
.noshadow {
	padding: 5px 10px;-webkit-transition-property:
		background-position,
		-webkit-border-radius,
		-webkit-box-shadow;
	-moz-transition-property:
		background-position,
		-moz-border-radius,
		-moz-box-shadow;
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
}
.mcolor a { color: #faa60a !important; text-decoration: underline;}
.mcolor, .dark, .white, .noshadow, .logs, .tempjo, .button, .button:hover, #ol-search div.search, .nflash{ -moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;
	-webkit-box-shadow: 2px 5px 50px rgba(0, 0, 0, 0.04), 0 0 10px rgba(0, 0, 0, 0.1) inset;
	-khtml-box-shadow: 2px 5px 5px rgba(0, 0, 0, 0.04), 0 0 10px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow: 2px 5px 5px rgba(0, 0, 0, 0.04), 0 0 10px rgba(0, 0, 0, 0.1) inset;
	box-shadow: 2px 5px 5px rgba(0, 0, 0, 0.04), 0 0 10px rgba(0, 0, 0, 0.1) inset;}


/* SJ WRAPPER --------*/
#sj-base {margin: 0 ;padding: 0;width: 100%;}
#sj-base-block {width:100%; }

.sj-base {width: 960px;margin: 0 auto; }


#sj-userwrap1,
#sj-userwrap2,
#sj-userwrap3,
#sj-userwrap4,
#sj-userwrap5,
#sj-userwrap6,
#sj-userwrap7 {
	margin: 0;
	width: 100%;
	clear: both;
}

#sj-userwrap1-block,
#sj-userwrap2-block,
#sj-userwrap3-block,
#sj-userwrap4-block,
#sj-userwrap5-block,
#sj-userwrap6-block,
#sj-userwrap7-block {
	width: 100%;
	overflow: hidden;
	padding: 10px 0;
}
#sj-userwrap6 {padding: 10px 0 0 0; color:#9da0a8;background:#212224 ;}

/* SJ BREADCRUMBS--------*/
#sj-breadcrumbs {margin: 0 0 10px 0;}
#sj-breadcrumbs-block {margin: 0 5px;width:100%;display:block;}

/* SJ COLSPAN -----------*/
#sj-colspan1,
#sj-colspan2 {margin: 0;}
#sj-colspan1-block,
#sj-colspan2-block {margin: 0 -10px;overflow: hidden;}

/* SJ MODULETABLE --------*/
div.moduletable,
div.moduletable_menu,
div.moduletable_text,
div.module,
div.module_menu,
div.module_text,
div.moduletable_blank{
	clear: both;
	margin: 0 0 10px 0;
}
div.moduletable_blank div.sjmodule{ padding:0;}
div.modulecontent{width:100%; display:inline-block;}
.sjmodule {padding: 0 10px;display: block;}

#sj-left ul.menu li a{font-size: 116%;padding: 7px 5px;}
#sj-left ul.menu li a span{display: block;}
#sj-left ul.menu ul li a{padding-left: 25px; }
#sj-left ul.menu ul li a:hover  {color:#b51911;}
/* SJ HEADER --------------------------*/
#sj-header {width: 100%;display: inline-block;}
#sj-header-block {width: 100%;display: inline-block; min-height: 150px; }

#sj-logo1 {display: block;padding-top: 15px;padding-left: 6px; font-size: 270%; line-height: 36px;}
.site-slogan { font-size: 12px;}
#sj-logo1 .sj-logo1 a span {display: none;}

/*mainmenu*/
#sj-mainmenu{ background: url('../images/bg-mmenu.png') top left repeat-x; height: 86px; margin: 20px  0 0 0; }
#sj-mainmenu-inner{ width:100%; height: 70px; float:left; margin:8px 0 0 0 ;padding-left: 5px;}
#sj-logo-outer{ width: 100%; float: left; position: relative; }
#sj-logo-inner{ height: 130px; width:200px; left: 370px;  position: absolute; top:-28px; }
#sj-logo, #sj-logo1{ height: 130px; width:200px;  margin:-1px auto 0; display: block;
	-webkit-box-shadow: 0px 0px 15px #333;	
	-moz-box-shadow: 0px 0px 15px #333;
	box-shadow: 0px 0px 15px #333;}
#sj-logo span{ display: none;}


/* TOP MENU ------*/
#sj-topmenu ul.menu {}
#sj-topmenu ul.menu li {display: inline;}

/* SEARCH --------*/
#sj-search {margin: 30px 10px 0 0;float: right;}

/* SJ SLIDESHOW --------------------------*/
#sj-slideshow {margin: 0 ;width: 100%; }
#sj-slideshow-block {padding: 15px; overflow: hidden;  }


/* SJ SPORTLIHT ----------*/
.sj-user {float: left;}
.sj-room-inside {padding: 0 5px;}

#sj-mainframe-block{padding: 10px 0; background: #fafafa;	opacity:0.95; /* Overridden by captionOpacity setting */}

/* LEFT CONTENT RIGHT --------------------------*/
#sj-container,
#sj-container-left,
#sj-container-right,
#sj-container-full {
	width: 100%;
	position: relative;
}

#sj-left {width: 24%;float: left;}
#sj-content {width: 46%;float: left;}
#sj-right {width: 30%;float: right;}

#sj-left-block,
#sj-right-block,
#sj-content-block {margin: 0 10px;}

#sj-container-left #sj-content {width: 76%;}
#sj-container-right #sj-content {width:70%}
#sj-container-full #sj-content {width: 100%;}

#sj-container-left #sj-content,
#sj-container-right #sj-content,
#sj-container-full #sj-content {
}

.sj-layout-lcr,
.sj-layout-lrc,
.sj-layout-clr {
}

.sj-layout-clr #sj-content,
.sj-layout-lrc #sj-content {margin: 0;}

.sj-layout-lrc #sj-right {float: left;}
.sj-layout-lrc #sj-content {float: right;}

.sj-layout-clr #sj-right {float: right;}
.sj-layout-clr #sj-left {float: right;}
.sj-layout-clr #sj-content {float: left;}

#sj-container.sj-layout-lcr #sj-content {margin: 0 -80% 0 0%;}

#sj-component {margin:  0;width: 100%; display: inline-block;}
#sj-component-block {width:100%;overflow: hidden;}

/* SJ FOOTER --------------------------*/
#sj-footer {width: 100%;display: inline-block; background: #333; color: #ccc; }
#sj-footer-block {padding: 15px 10px;overflow: hidden;}
#sj-footer-menu {float: right;width: 50%;}
#sj-copyright {float: left;width: 50%;}

#sj-footer ul.menu{margin:0; overflow: hidden; text-align:right;}
#sj-footer ul.menu li{display:inline; border-bottom:none;display: inline; color: #bbb;}
#sj-footer ul.menu li a{text-transform: none;width:100%; padding: 0 5px;display:inline; }

#sj-top {width: 100%;display: inline-block;}
#sj-top-menu {float: right;width: 50%;}
#sj-top ul.menu{margin:0; overflow: hidden; text-align:right; }
#sj-top ul.menu li{display:inline; border-bottom:none;display: inline;
background: #ddd; margin: 5px; padding: 10px;
height: 24px;
line-height: 24px;
-webkit-box-shadow: 0px 1px 5px #999;	
-moz-box-shadow: 0px 1px 5px #999;
box-shadow: 0px 1px 5px #999;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFFF), to(#ccc));
background: -moz-linear-gradient(#FFFFFF, #ccc);
-pie-background: linear-gradient(#FFFFFF, #ccc); border-color: #dddddd #999999 #999999 #dddddd; border-style: solid; border-width: 1px;}
#sj-top ul.menu li a{text-transform: none;width:100%;display:inline; color:#336699;}
#sj-top ul.menu li a:hover{background:none; color:#d3271f;}

div#float_panel {
	width:22px;
	position:absolute;
	z-index:12;
	top:20px;
	right:-26px;
	padding: 5px;
}
#stylearea {
	margin-bottom:12px;
}
h3.title span.dcolor  {
	color: #f1f1f1;
}
.dark h3.title {
	color: #bbb;
}
.white h3.title {
	color: #336699;
}

/* MISCELLANOUS
----------------------------------------------------------- */

div.back_button a,
div.back_button a:hover,
div.back_button a:active {
	margin: 10px 0;
	display: block;
	background: none!important;
	text-decoration: none!important;
}

* Login Module ---*/
#form-login-username .inputbox,
#form-login-password .inputbox {
	background-position: 5px center;
	background-repeat: no-repeat;
	padding: 3px 10px;
}

#form-login-username .inputbox, #form-login-password .inputbox { width: 85%; }

#form-login p { margin: 0 0 5px; }

#form-login .button { margin: 10px 0; }

#sj-login p#form-login-remember {
    border-top: none;
    border-bottom: none;
}

#sj-login p#form-login-submit input.button {
	float: left;
	margin-left: 120px;
}
#sj-login ul li {
	padding-left: 10px;
	background: url(../../images/bullet.gif) no-repeat left 6px;
	font-size: 92%;
}

#login-form p { color: #333; }