@charset "utf-8";
body { margin:0; padding:0; width:100%; font: normal 12px Verdana, Helvetica, sans-serif; }
html { padding:0; margin:0;}
a { text-decoration:underline; }
a:hover { text-decoration:none;} 
ul  { list-style-type:none;}

/* oseMain */
.main { padding:0; margin:0 auto;}
.wrapper { width: 980px; margin: 0 auto; padding: 0; }
/********** oseHeader oseLogo oseMenu **********/
#header { background: #181818 url(../img/back.gif) repeat; border-bottom: 1px solid #8c8c8c;  }
#logo { background: url(../img/logo.gif) no-repeat; width: 390px; height: 60px; }

/* menu */	
.menu {background: url(../img/header_tile_01.gif) top repeat-x; width:600px; height: 60px; float:left ; }


/********** oseSLIDER **********/
.slider { height:316px; background: url(../img/tooltip_bg.gif) bottom repeat-x; }
.slider-center { width:980px;  height:213px; margin:0 auto; padding:4px 0px 0px 0px;  background: url(../img/slider_co.png) no-repeat 0 0; }

/********** oseCenter **********/
.osecenter { width:980px;  margin:0 auto; }
.osecontent { width:950px; float:center; margin: 0px 10px 20px 0px; padding:0px 0px 0px 25px; background: url(../img/content.png) no-repeat 0 0; min-height:450px; height:auto !important; height:450px; }
.title { background:url(../img/arrow.png) no-repeat 6px 25px; color:#987706; 	font-size:24px;	font-weight: normal;  line-height: 1em; font-family: Georgia, serif; margin:0px auto;  padding:20px 10px 4px 26px; float:left;}
.pageContent { width:900px; }
.pageContent em {  padding: 0px; font-size:12px;	font-style:italic; color:#6e6e6e; }
.zcontent {box-shadow: #aaa 0 0 10px; -webkit-box-shadow: #aaa 0 0 10px; -moz-box-shadow: #aaa 0 0 10px; border: 1px solid #999; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; background: #fff;}
.lolcontent {box-shadow: #aaa 0 0 10px; -webkit-box-shadow: #aaa 0 0 10px; -moz-box-shadow: #aaa 0 0 10px; border: 1px solid #999; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; background: #fff; }
.lolcontent ul li{ background:url(../img/bullet.png) no-repeat 0 2px; padding:0 0 0 20px; margin:5px 0;	}
.lolcontent p {font: 12px Verdana, Helvetica, sans-serif; color:#555; padding:10px; margin:0; }


/* wrap of toolbox's content */
.toolbox {padding:4px 10px 16px 10px ; margin-bottom:10px; height:20px; background: url(admin/images/titleback.gif); border-left: 1px solid #efefef;
  border-right: 1px solid #efefef; }
.toolbox p {font-size: 12px; color: #ff931e; margin:0; padding:8px 10px 16px 10px ; margin-bottom:10px;}
.toolbox a {font-size: 11px; padding:6px; margin:4px;  }
.toolbox img { float: left;padding: 4px 0px 0px 12px;}
.toolbox em { float: left;padding: 8px 0px 0px 6px;	font-size:11px;	color:#fff;	font-style:normal;}
.toolbox li.active {background-color:#b8128f;font-weight:normal;	}

/***********oseMessages**********/

.info, .success, .warning, .error, .validation{
margin: 10px 0px;
padding:8px;
float: none; 
}

.info {
color: #00529B;
background-color: #BDE5F8;
}
.success {
color: #4F8A10;
background-color: #DFF2BF;
}
.warning {
color: #9F6000;
background-color: #FEEFB3;
}
.error {
color: #D8000C;
background-color: #FFBABA;
}


/***********oseButtons**********/
.btn { font-family: Tahoma; font-size: 11px; display: block; position: relative; background: #444; padding: 4px; margin-right: 2px; float: left; color: #fff; text-decoration: none; cursor: pointer; -webkit-border-radius: 4px;  -moz-border-radius: 4px;}
.btn * { font-style: normal; background-image: url(buttons/btn2.png); background-repeat: no-repeat; display: block; position: relative; }
.btn i { background-position: top left; position: absolute; margin-bottom: -5px;  top: 0; left: 0; width: 5px; height: 5px; }
.btn span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
.btn span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.btn span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }

* html .btn span,
* html .btn i { float: left; width: auto; background-image: none; cursor: pointer; }

.btn.blue { background: #2ae; }
.btn.green { background: #9d4; }
.btn.pink { background: #e1a; }
.btn:hover { background-color: #ff931e; }
.btn:active { background-color: #444; }
.btn[class] {  background-image: url(buttons/shade.png); background-position: bottom; }

* html .btn { border: 3px double #aaa; }
* html .btn.blue { border-color: #2ae; }
* html .btn.green { border-color: #9d4; }
* html .btn.pink { border-color: #e1a; }
* html .btn:hover { border-color: #ff931e; }

.maincontent
{
	width: 100%;
	float: left;
	margin-left: 10px; 
	margin-right: 10px; 
	margin-top: 10px;
}

.maincontent p{
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 10px;
}

.maincontent ul li{ background:url(../img/bullet.png) no-repeat 0 2px; padding:0 0 0 20px; margin:5px 0; margin-left: 40px;}

.maincontent a { color: #666;}
.maincontent a:visited { color: #666;}

.leftcontent {
	float: left;    
	display: inline;
	width: 400px; 
	padding-left: 40px;
	padding-top: 6px;
	padding-bottom: 6px;
}
.leftcontent1 p{
	margin-top:10px;
	padding-left: 10px;
}
.leftcontent ul li{ background:url(../img/bullet.png) no-repeat 0 2px; padding:0 0 0 20px; margin:5px 0;}

.rightcontent {
    float: right; 
    display: inline;
    width: 420px;  
    margin-left: 0px; 
    margin-right: 20px; 
    padding-left: 20px;
    padding-top: 6px;
    padding-bottom: 6px;
}
.rightcontent ul li{ background:url(../img/bullet.png) no-repeat 0 2px; padding:0 0 0 20px; margin:5px 0;	}

.topcontent{
    position: relative;
    width: 880px;
    overflow: hidden; 
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    padding-left: 20px;
    padding-top: 0px;
    padding-bottom: 6px;
}

.bottomcontent{
    position: relative;
    width: 880px;
    overflow: hidden; 
	padding-left: 5px;  
	padding-top: 6px;
	padding-bottom: 6px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

/*************oseForm**********/
.oseform { margin:0; padding:0;	}

/* wrap of box's content */
.boxin {padding: 10px 10px 8px 10px; box-shadow: #aaa 0 0 10px; -webkit-box-shadow: #aaa 0 0 10px; -moz-box-shadow: #aaa 0 0 10px; border: 1px solid #999; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; background: #fff;}
.boxstatus {padding-left:4px ; padding-top:4px ; margin:0px; height:31px; background: #000 url(../img/tables/headerbox.png) repeat-x; ; box-shadow: #aaa 0 0 10px; -webkit-box-shadow: #aaa 0 0 10px; -moz-box-shadow: #aaa 0 0 10px; border: 1px solid #999; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px;}
.boxstatus p {font: 11px; color: #fff; text-shadow: #151515 0 1px 0; padding:5px; margin:0; }
/*************oseStatus**********/
.status {margin:0px; height:31px;  background: #486891 url(../img/back_01.gif) ; padding-left:4px ; padding-top:4px ; color:#fff; text-align:left; -moz-border-radius:4px; -webkit-border-radius:4px;}
.boxstatus img { float: left;padding: 4px 0px 0px 12px;}
.boxstatus em { float: left;padding: 8px 0px 0px 6px;	font-size:11px;	color:#fff;	font-style:normal;}
.boxstatus li.active {background-color:#b8128f;font-weight:normal;	}

/* oseButtons */
a.button{  background: #fff;  display:block; font:normal 10px Verdana, Helvetica, sans-serif;color:#444; margin-right: 4px;  height:26px; line-height:24px; width:120px; border:1px solid #444; -moz-border-radius:4px; -webkit-border-radius:4px; float: left;}
a:hover.button{	background:#444; color:#fff; border:1px solid #fff;}
a.sbutton{ background:#fff; height:26px; line-height:24px; width:32px; float: left;}

/* oseIcon */
.login{	background:url(../img/buttons/add.gif) no-repeat 6px 6px; text-indent:30px; display:block;}
.add{background:url(../img/buttons/add.gif) no-repeat 6px 6px;text-indent:30px;display:block;}
.delete{background:url(../img/buttons/delete.gif) no-repeat 6px 6px;text-indent:30px;display:block;}
.user{background:url(../img/buttons/user.gif) no-repeat 6px 6px;text-indent:30px;display:block;}
.alert{background:url(../img/buttons/alert.gif) no-repeat 6px 6px;text-indent:30px;display:block;}
.msg{background:url(../img/buttons/msg.gif) no-repeat 6px 6px;text-indent:30px;display:block;}
.download{background:url(../img/buttons/download.gif) no-repeat 6px 6px;text-indent:30px;display:block;}
.lens{background:url(../img/buttons/lens.gif) no-repeat 6px 6px;text-indent:30px;display:block;}
.info{background:url(../img/buttons/info.gif) no-repeat 6px 6px;text-indent:30px;display:block;}
.back{background:url(../img/buttons/back.gif) no-repeat 6px 6px;text-indent:30px;display:block;}
.update{background:url(../img/buttons/update.gif) no-repeat 6px 6px;text-indent:30px;display:block;}
.category{background:url(../img/buttons/category.gif) no-repeat 6px 6px;text-indent:30px;display:block;}
.upload{background:url(../img/buttons/upload.gif) no-repeat 6px 6px;text-indent:30px;display:block;}
.album{background:url(../img/buttons/album.gif) no-repeat 6px 6px;text-indent:30px;display:block;}


/* oseMsg */
.msg {
	border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
	border: 1px solid; margin: 0 0 15px 0; padding: 8px 10px 0 10px;
}
.msg p {margin: 0 0 8px 0; padding-left: 25px;}
.msg-ok {border-color: #a6d877; background: #d2ecba url("../img/tables/msg-ok.png") repeat-x; color: #336801;}

/*************osePiceria**********/
p.clr, .clr { clear:both; padding:0; margin:0;}
li.bg, .bg { clear:both; border-bottom:1px solid #dedede; padding:10px 0 0 0; margin:0 0 10px 0; background:none; list-style:none;}


/* Forms */
form{margin:0; padding:0;}
label{margin:4px 8px 4px 0px; padding:5px 2px; float:left; width:100px; text-align:right; cursor: pointer; font-size: 13px;}
select{ border: 1px solid #ccc; margin:4px 8px 4px 0px; padding:5px 2px;}
input{ margin:4px 8px 4px 0px; padding: 7px;  background-color: #999; border: 1px solid #777; color: #fff;}
input.required{ margin:4px 8px 4px 0px; padding: 7px;  background-color: #999; border: 1px solid #777; color: #fff; width: 300px; }
textarea{padding: 3px;border: 1px solid #ccc;}
textarea.required{ margin:4px 8px 4px 0px; padding: 5px 2px; border:solid 1px #ccc; vertical-align:top; width: 310px;}

form span {
    display: block;
    clear: both;
    margin-bottom: 10px;
}

form input.submit {
    padding: 5px 10px;
    color: #000;
    font-size: 12px;
    font-weight: bold;
    text-transform:uppercase;
    background-color: #FF931E;
    float: left;
    text-decoration: none;
    margin-top: 7px;
    width: auto;
    border: 0px none;
    float: right;
}
.checkbox, .radio {
	width: 19px;
	height: 25px;
	padding: 0 5px 0 0;
	display: block;
	float: left;
}

.select {
	position: absolute;
	width: 158px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
	height: 21px;
	padding: 0 24px 0 8px;
	color: #fff;
	font: 12px/21px arial,sans-serif;
	background: url(select.gif) no-repeat;
	overflow: hidden;
}

/* oseFooter */
.footer_block { width:100%; border-top:1px solid #fff; margin-top:20px;  border-bottom:1px solid #fff; background: url(../img/footerWrapperBG.png); }
.footer_block h2 { font-size:20px;	font-weight: normal;  line-height: 1em; font-family: Georgia, serif; margin:0; padding: 0;  color:#5b5b5b; }
.footer_block p {font: 15px Verdana, Helvetica, sans-serif; color:#6e6e6e; padding:0; margin:0;}
.footer_block .resize { width:983px; margin:14px auto; padding-top:10px;}
.footer_block .miscellaneous { width:583px; padding:0px 0 0 0px; margin:0 0 0px 0px !important; margin:0 0px; float:left;}
.footer_block .miscellaneous img { padding:0; margin:0 0 0 10px ; float:left;}
.footer_block .miscellaneous li { display: inline; margin:0; padding:0;} 
.miscellaneous input{ margin:0px; padding: 0px; border-style: none;}
.footer_block .r1 {  width:400px; padding:0; margin:0px; float:left;}
.footer_block .r1 img { padding:0; margin:0px 0 0 10px ; float:right;}
.footer_block .r1 p { font: 12px Verdana, Helvetica, sans-serif; color:#6e6e6e; padding:0; margin:0;}
.footer_block .test { width:260px; padding:0; margin:10px 0px 0px 0px; float:right;}
.footer_block .test img { width:auto; padding:0; margin:0px 0 0 0 ; float:left;}
.footer_block .test a { font:italic 11px Arial, Helvetica, sans-serif; color:#6e6e6e; padding:0; }
.footer { background: url(../img/back.gif); text-align:center; font: normal 11px Verdana, Helvetica, sans-serif; color:#b0b0b0; margin:0; padding:10px ;}
.footer a {font:  normal 11px Verdana, Helvetica, sans-serif; color:#b0b0b0; text-decoration:underline;  }

*, * focus {
	outline: none;
	margin: 0;
	padding: 0;
}
 
.container {
	width: 890px;
	margin: 0 auto;
}
h1 {
	font: 4em normal Georgia, 'Times New Roman', Times, serif;
	text-align:center;
	padding: 20px 0;
	color: #aaa;
}
h1 span { color: #666; }
h1 small{
	font: 0.3em normal Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	letter-spacing: 0.5em;
	display: block;
	color: #666;
}

h2 {
	color: #aaa;
	font-weight: normal;
}

h2 a { color: #987706; }

h2.acc_trigger {
	padding: 0;	margin: 0 0 5px 0;
	background: url(../img/h2_trigger_a.gif) no-repeat;
	height: 46px;	line-height: 46px;
	width: 890px;
	font-family: Georgia, Verdana, Helvetica, sans-serif;
	font-size: 2em;
	font-weight: normal;
	float: left;
}
h2.acc_trigger a {
	color:#556666; 	
	text-decoration: none;
	display: block;
	padding: 0 0 0 50px;
}
h2.acc_trigger a:hover {
	color: #000;
}

h2.active {background-position: left bottom; color: #fff;}
.acc_container {
	margin: 20px 0 0 4px; padding: 0;
	overflow: hidden;
	font-size: 1.2em;
	width: 880px;
	clear: both;
	background: #f0f0f0;
	border: 1px solid #d6d6d6;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px; 
}
.acc_container .block {
	padding: 20px;
}
.acc_container .block p {
	padding: 5px 0;
	margin: 5px 0;
}
.acc_container h3 {
	font: 1.6em normal Georgia, "Times New Roman", Times, serif;
	margin: 0 0 10px;
	padding: 0 0 5px 0;
	border-bottom: 1px dashed #ccc;
}
.acc_container img {
	float: left;
	margin: 10px 15px 15px 0;
	padding: 5px;
	background: #ddd;
	border: 1px solid #ccc;
}