/* reset */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,
pre, form, fieldset, table, th, td { margin: 0; padding: 0; }

html{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#222;
	line-height:20px;
}
body{
	background:#68a5f8;
    height: 1000px;
    /* overflow-y: scroll; */
}
input, 
textarea{
	outline:none;/* preventing the chrome and safari nasty yellow border */	
}
a:focus{
	outline:none;
}
a, 
a:visited, 
a:active{
	color:#222;
	text-decoration:none;
}
a:hover{
	text-decoration:none;
}
i{
	font-size:11px;
}
h1{
	color:#222;
}
h2{
	color:#222;
}
h3{
	color:#222;
}
h4{
	color:#222;
}
h5{
	color:#222;
}
h6{
	color:#222;
}
img{
	border:none;
}
.clear {
	clear: both;
}
.green{
	color:#1b7200;
}
.green a,
.green a:visited,
.green a:active{
	color:#1b7200;
}
.green a:hover{
	text-decoration:underline;
}
.orange{
	color:#e17a00;
}
.orange a,
.orange a:visited,
.orange a:active{
	color:#e17a00;
}
.orange a:hover{
	text-decoration:underline;
}
.red{
	color:#e10000;
}
.red a,
.red  a:visited,
.red  a:active{
	color:#e10000;
}
.red  a:hover{
	text-decoration:underline;
}

/* container */
div#container{
	width:1000px;
	margin:10px auto 0!important;
	position:relative;
}
div#inner-container{
	width:900px;
	margin:0 auto!important;
	min-height:533px;
}

/* HEADER */
div#header{
	width:900px;
	position:relative;
}
div#inner-container div#partners {
	float: right;
	margin: 5px 5px 0 0;
}
div#inner-container div#partners a.site-deactive {
	opacity: 0.3;
	-moz-opacity: 30;
}
div#inner-container div#partners a.site-active, div#inner-container div#partners a:hover{
	opacity: 1.0;
	-moz-opacity: 100;
}



div#user-info{
	width:270px;
	float:left;
	margin:10px 0 0 10px;
	height:30px;
	font-size:12px;
}
div#user-info p{
	margin:6px 0 0 12px;
	_margin:6px 0 0 6px;/* IE 6 */
	width:180px;
	float:left;
}
div#user-info img{
	float:left;
	margin:10px 10px 0 0;
	_margin:10px 10px 0 0;/* IE 6 */
}
div#user-info b{
	color:#003a88;
}
div#user-info p a:hover{
	text-decoration:underline;
}
div#logo{
    width:320px;
    float:left;
    height:100px;
	border:none;
	margin-left:65px;
}
div#logo a{
    width:310px;
    float:left;
    height:52px;
	margin:38px 0 10px 0px;
}
div#toggle-btn-header{
	width:32px;
    position: absolute;
	top: 0px;
	right: 13px;
	}
#toggle-open-btn{
	margin:38px 0 0 0px;
	height:24px;
	width:24px;
	float:left;
	cursor:pointer;
	z-index:1000;
}
#toggle-close-btn{
	margin:38px 0 0 0px;
	height:24px;
	width:24px;
	float:left;
	cursor:pointer;
	z-index:1000;
}
div#toggle-box-1{
	width:900px;
	margin:0px 0px 0px 0px;
	float:left;
	height:97px;
	clear:both;
	display:block;
}
div#hiddenmenu{
	width:880px;
	margin:0px 0px 0px 10px;
	_margin:0px 0px 0px 6px;/* IE 6 */
	height:92px;
	float:left;	
	display:block;
}
div.icon-no-spacer{
	width:85px;
	height:86px;
	float:left;
	text-align:center;
	display:block;
	margin-bottom:10px;
	margin-right:0px;
	_margin-right:0px;/* IE 6 */
	_margin-bottom:0px;/* IE 6 */
}
div.icon-spacer{
	width:85px;
	height:86px;
	float:left;
	text-align:center;
	display:block;
	margin-left:14px;
	_margin-left:4px;/* IE 6 */
	margin-right:0px;
	margin-bottom:10px;
	_margin-bottom:0px;/* IE 6 */
}
div#hiddenmenu div p a{
	display:inline-block;
	_display:block;/* IE 6 */
	width:85px;
	_width:92px;/* IE 6 */
	height:86px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
	border:1px solid #dfdfdf;
	margin-bottom:12px;
	margin-right:17px;
	_margin:0 0 12px 0;/* IE 6 */
}
div#hiddenmenu div a:hover{
	background-color:#e1e1e1;
	border:1px solid #aeaeae;
}
div#hiddenmenu div a#active-icon{
	background-color:#e1e1e1;
	border:1px solid #aeaeae;
}
div#hiddenmenu div p a img{
	margin:10px 0 0 18px;
	_margin:10px 0 0 24px;
	float:left;
}
div#topmenu{
    width:880px;
	height:40px;
	margin:0px 10px 0 10px;
	_margin:10px 0px 0 4px;/* IE6 */
    float:left;
	display:none;
}
div#topmenu ul{
	list-style:none;
	margin:2px 0 0 0px;
	float:left;
	width:880px;
	padding-left:3px;
	_padding-left:4px;/* IE6 */
}
div#topmenu ul li{
	display:inline;
	margin:4px 7px 0 7px;
	float:left;
}
div#topmenu ul li a{
	width:30px;
	float:left;
	padding: 4px 2px;
	text-align:center;
}
div#topmenu ul li a:hover{
	float:left;
	height:22px;
	color:#fff;
	width:30px;
}
li.active-link a,
li.active-link a:visited,
li.active-link a:active{
	float:left;
	height:22px;
	width:81px;
	color:#fff;
}
div#toggle-btn-header2{
	position:absolute;
	top:33px;
	right:-27px;
	z-index:1000;
}
#toggle-open-btn2{
	margin:6px 0 0 4px;
	height:24px;
	width:24px;
	float:left;
}
#toggle-close-btn2{
	margin:6px 0 0 4px;
	height:24px;
	width:24px;
	float:left;
}
div#toggle-box-2{
	width:27px;
	height:250px;
	background:#fff;
	padding:20px 0 0 5px;
	position:absolute;
	left:900px;
	top:58px;
	display:none;
	-moz-border-radius-bottomright: 6px;
    -webkit-border-bottom-right-radius: 6px;
	-moz-border-radius-topright: 0px;
    -webkit-border-top-right-radius: 0px;
}
div#toggle-box-2 img{
	margin-bottom:4px;
	height:30px;
	width:20px;
}
div#toggle-box-2 a{
	height:30px;
	width:20px;
	display:inline-block;
	margin-bottom:6px;
}

/* Content/body */
div#content{
	width:880px;
	background-color:#FFF;
	float:left;
	padding:10px 10px 0 10px;
}
ul.sort-box{
	width:880px;
	float:left;
}
ul#sort-box{
	width:880px;
	float:left;
	list-style:none;
}

ul#sort-box li{
	float:left;
	margin-bottom: 10px;
}
#content-in ul li{
	float:left;
	margin-bottom:0px;
}

.sortHelper{
	width:878px;
	border:1px dotted #ccc;
	background-color:#FFC;
	float:left;
	-moz-border-radius:10px;
    -webkit-border-radius:10px;
}
.sortHelper-list{
	width:878px;
	border:1px dotted #ccc;
	background-color:#FFC;
	float:left;
}

div.content-header{
	height:40px;
	float:left;
	width:880px;
}

div.content-header-left{
	height:40px;
	float:left;
	width:848px;
	cursor:move;
}
div.content-header-left img{
	margin:10px 0 0 10px;
	float:left;
}
div.content-header-left h2{
	margin:10px 0 0 8px;
	float:left;
	font-size:16px;
	color:#003a88;
}
div.content-header-right{
	height:24px;
	float:left;
	width:24px;
	margin:8px 0 0 0;
}
a.toggle-open-btn{
	height:24px;
	float:left;
	width:24px;
}
a.toggle-close-btn{
	height:24px;
	float:left;
	width:24px;
}
div.content-in{
	float:left;
	width:858px;
	padding:10px;
	border-top:0px solid #fff;
	border-left:1px solid #dbdbdb;
	border-bottom:1px solid #dbdbdb;
	border-right:1px solid #dbdbdb;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
	background-color:#FFF;
}

/* input IE fix*/
div.content-in .make-row input.radio {
	border: 0px ;
    float:left;
	height: 15px;
    margin-right: 10px;
	width:15px;
}

div.content-in .make-row .value-label {
	border: 0px ;
    float:left;
	height: 15px;
	width:50px;
}


/* Settings tabs*/
ul.content-header-settings{
	border-bottom: 1px solid #AAA;
    height:40px;
	float:left;
	width:880px;
}

ul.content-header-settings li {
	background: #CCC;
    border-left: 1px solid #AAA;
    border-top: 1px solid #AAA;
    border-right: 1px solid #AAA;
    border-bottom: 0px solid #CCC;
    list-style-type:none;
    margin: 6px 0 0 5px;
    -moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
}

ul.content-header-settings li:hover {
	background: #FFF;
    border-left: 1px solid #CCC;
    border-top: 1px solid #CCC;
    border-right: 1px solid #CCC;
    border-bottom: 1px solid #FFF;
    list-style-type:none;
    margin: 5px 0 0 5px;
    -moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
}
ul.content-header-settings .ui-tabs-selected {
	background: #FFF;
    border-left: 1px solid #CCC;
    border-top: 1px solid #CCC;
    border-right: 1px solid #CCC;
    border-bottom: 1px solid #FFF; 
    list-style-type:none;
    margin: 5px 0 0 5px;
    padding-bottom: 2px;
    -moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
	
}


ul.content-header-settings img {
    padding: 5px 7px 0px 7px;
}

/* content list rows */
div#content-in {
	width:878px;
    padding:0px;
}

ul.content-in-menu li {
    list-style-type:none;
    margin: 0px;
}

ul.content-in-menu li:hover {
    background: #cfe0cc;
    list-style-type:none;
    margin: 0px;
}

div#list-box{
	float:left;
	border:0px solid #ccc;
	margin-bottom:0px;
}
div.list-box{
	float:left;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
    margin-bottom:0px;
}

div.list-row-top{
	float:left;
	width:858px;
	font-weight:bold;
	height:30px;
    text-shadow:0 1px 1px #FFFFFF;
    border-top: 1px solid #ccc;
}

div#list-row-top{
	float:left;
	width:878px;
	font-weight:bold;
	height:30px;
    text-shadow:0 1px 1px #FFFFFF;
}

div.list-row{
	float:left;
	width:858px;
	border-top:1px solid #ccc;
}

div#list-row{
	float:left;
	width:878px;
	border-top:1px solid #ccc;
}

/* content list cells */

div.list-30{
	float:left;
	width:26px;
	height:24px;
}
div.list-30 input{
	height:16px;
	width:16px;
	float:left;
	margin:9px 0 0 6px;
}
div.list-45{
	float:left;
	width:45px;
	height:27px;
	border-left:1px solid #ccc;
	padding:5px 0 0 4px;
}
div.list-60{
	float:left;
	width:60px;
	height:27px;
	border-left:1px solid #ccc;
	padding:5px 0 0 4px;
}
div.list-70{
	float:left;
	width:70px;
	height:27px;
	border-left:1px solid #ccc;
	padding:5px 0 0 4px;
}
div.list-70 img {
	margin:4px 3px 0 0;
}
div.list-80{
	float:left;
	width:80px;
	height:27px;
	border-left:1px solid #ccc;
	padding:5px 0 0 4px;
}
div.list-90{
	float:left;
	width:90px;
	height:27px;
	border-left:1px solid #ccc;
	padding:5px 0 0 4px;
}

div.list-150{
	float:left;
	width:150px;
	height:27px;
	border-left:1px solid #ccc;
	padding:5px 0 0 4px;
}
div.list-305{
	float:left;
	width:305px;
	height:27px;
	border-left:1px solid #ccc;
	padding:5px 0 0 4px;
}
div.list-310{
	float:left;
	width:310px;
	height:27px;
	border-left:1px solid #ccc;
	padding:5px 0 0 4px;
}
div.list-330{
	float:left;
	width:330px;
	height:27px;
	border-left:1px solid #ccc;
	padding:5px 0 0 4px;
}
div.list-390{
	float:left;
	width:390px;
	height:27px;
	border-left:1px solid #ccc;
	padding:5px 0 0 4px;
}
div.list-480{
	float:left;
	width:480px;
	height:27px;
	border-left:1px solid #ccc;
	padding:5px 0 0 4px;
}
div.list-500{
	float:left;
	width:500px;
	height:27px;
	border-left:1px solid #ccc;
	padding:5px 0 0 4px;
}
div.list-600{
	float:left;
	width:600px;
	height:27px;
	border-left:1px solid #ccc;
	padding:5px 0 0 4px;
}
div.list-toggle{
	float:left;
	width:858px;
	margin:0px 0 0px 0;
	display:none;
	padding:10px;
	border-top:1px solid #ccc;
	border-bottom: 0px solid #ccc;
	border-left: 0px solid #ccc;
	border-right: 0px solid #ccc;
}
div.list-toggle-open{
	float:left;
	width:858px;
	margin:0px 0 0px 0;
	padding:10px;
	border-top:1px solid #ccc;
	border-bottom: 0px solid #ccc;
	border-left: 0px solid #ccc;
	border-right: 0px solid #ccc;
}

/* Special list cels */
ul.sort-list-menu {
    list-style: none;
    margin: 0px;
    float: none;
}
ul.sort-list-menu li {
	border-bottom: solid 0px #CCC;
    margin: 0px;
    width: 878px;
}
ul.sort-list-menu li:hover {
	background: #EEE;
	border-top: solid 0px #CCC;
    border-bottom: solid 0px #CCC;
    font-weight: bold;
    cursor: move;
}
ul.sort-list-menu div.sort-list-item div {
	float: left;
    width:500px;
	height:24px;
}

div.sort-list-item div.menu-depth-0 {
    margin: 0 0 0 5px;
    padding: 0 0 0 15px;
}
div.sort-list-item div.menu-depth-1 {
    margin: 0 0 0 28px;
    padding: 0 0 0 25px;
}
div.sort-list-item div.menu-depth-2 {
    margin: 0 0 0 58px;
    padding: 0 0 0 25px;
}
div.sort-list-item div.menu-depth-3 {
    margin: 0 0 0 86px;
    padding: 0 0 0 25px;
}

ul.sort-list-menu div.menu-arrows {
	position: absolute;
    cursor: pointer;
    margin: 0 0 0 550px;
}


/*  */
div.list-toggle input.list-id,
div.list-toggle input.list-email,
div.list-toggle input.password-meter-big{
	float:left;
	width:854px;
	height:20px;
	border:1px solid #ccc;
	padding:4px 0 0 2px;
	margin-bottom:10px;
}

div.list-toggle textarea.list-about{
	float:left;
	width:854px;
	height:120px;
	border:1px solid #ccc;
	padding:4px 0 0 2px;
	margin-bottom:10px;
}
div.list-toggle select{
	float:left;
	width:120px;
	height:26px;
	border:1px solid #ccc;
	padding:2px 0 2px 0px;
	color:#666;
}

div.make-row{
	float:left;
	width:858px;
	border-bottom:1px dotted #ccc;
	padding-top:10px;
	padding-bottom:10px;
	position:relative!important;
}
div.make-row label{
	float:left;
	width:228px;
	margin-top:2px;
	color:#222;
}
div.make-row input{
	float:left;
	width:600px;
	height:20px;
	border:1px solid #ccc;
	padding:4px 0 0 2px;
}
div.make-row select{
	float:left;
	width:600px;
	height:26px;
	border:1px solid #ccc;
	padding:2px 0 2px 0px;
}
div.make-row textarea{
	float:left;
	width:600px;
	height:100px;
	border:1px solid #ccc;
	padding:2px 0 0 2px;
	margin-top:0px;
}
div.make-row input.checkbox{
	float:left;
	width:20px;
	margin:3px 0px 0 0;
	border:none;
}
div.make-row a.input-info {
	float:right;
	height:26px;
	width:26px;
}
div.make-row a.input-info-error{
	float:right;
	height:26px;
	width:26px;
}
div.make-row span#indicator{
	float:right;
	width:402px;
	height:23px;
	border:1px solid #ccc;
	background:#eee;
	text-align:center;
	padding:1px 0 0 0;
	margin:10px 26px 0 0;
}
/* Page Setting */
#page_settings li {
	padding: 10px 10px 0 0;
    margin: 0;
	
}

/* common searchbar that is found at most pages */
div#search-bar{
	float:left;
	height:24px;
	width:858px;
	margin-bottom:20px;
}
div#search-bar input.search-bar{
	float:left;
	border:1px solid #ccc;
	margin:0 0px 0 0px;
	height:19px;
	padding:0;
	width:568px;
	padding:3px 0 0 2px;
	color:#666;
}
div#search-bar select{
	float:left;
	border:1px solid #ccc;
	margin:0 0px 0 6px;
	height:24px;
	padding:0;
	width:120px;
	color:#666;
	padding:2px 0 2px 0;
}

/* dashboader */

#tab {
	padding-bottom: 0px;
}
.tab {
	margin-left: -10px;
}

/* buttons */
input.btn-70{
	height:24px;
	width:70px;
	float:right;
	text-align:center;
	padding-bottom:2px;
	color:#3B5A4A;
    text-shadow:0 1px 1px #FFFFFF;
	margin-top:10px;
	border:none;
	cursor:pointer;
}
input.btn-70:hover{
	color:#000;
}

input.btn-100{
	height:24px;
	width:100px;
	float:right;
	text-align:center;
	padding-bottom:2px;
	color:#3B5A4A;
    text-shadow:0 1px 1px #FFFFFF;
	margin-top:10px;
	border:none;
	cursor:pointer;
}
input.btn-100:hover{
	color:#000;
}
input.btn-140{
	height:24px;
	width:140px;
	float:right;
	text-align:center;
	padding-bottom:2px;
	color:#3B5A4A;
    text-shadow:0 1px 1px #FFFFFF;
	margin-top:0px;
	border:none;
	cursor:pointer;
}
input.btn-140:hover{
	color:#000;
}

/* footers */
div#bottom{
	width:900px;
	height:12px;
	float:left;
	margin-left:50px;
	_margin-left:25px;/* IE6 */
}
div#footer{
	width:900px;
	height:30px;
	float:left;
	margin:6px 0 20px 50px;
	color:#FFF;
	text-align:center;
	font-size:11px;
	_margin-left:25px;/* IE6 */
}
div#footer p{
	width:900px;
	float:left;
}

/* own styled tabs */
ul.tabs-actions{
	width:560px;
	height:20px;
	float:left;
	margin-bottom:0px;
	padding:0 0 2px 0px;
	list-style:none;
	color:#999;
}
ul.tabs-actions li{
	float:left;
	margin:0 0 0 2px;
}
ul.tabs-actions a:hover{
	text-decoration:underline;
}
ul.tabs-actions li#checkall{
	float:right;
	margin-right:0px;
}
ul.tabs-actions-2{
	width:860px;
	_width:858px;/* IE 6 */
	height:20px;
	float:left;
	margin-bottom:10px;
	padding:0 0 2px 0px;
	list-style:none;
	color:#999;
	border-bottom:1px dotted #ccc;
}
ul.tabs-actions-2 li{
	float:left;
	margin:0 0 0 2px;
}
ul.tabs-actions-2 a:hover{
	text-decoration:underline;
}
ul.tabs-actions-2 li#checkall-2{
	float:right;
	margin-right:1px;
	_margin-right:0px;/* IE 6 */
}

/*
    anythingSlider v1.0
    
    By Chris Coyier: http://css-tricks.com
    with major improvements by Doug Neiner: http://pixelgraphics.us/
    based on work by Remy Sharp: http://jqueryfordesigners.com/
*/

#anythingSlider-help {
    width: 880px; 
    padding: 0px; 
    border: 0px solid #000;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
}
.anythingSlider { 
    width: 880px; 
    height: 120px; position: relative; 
    border-left: 0px solid #DBDBDB; 
    border-right: 0px solid #DBDBDB; 
    border-bottom: 0px solid #DBDBDB;
}
.anythingSlider .wrapper { 
    width: 880px; 
    overflow: auto; 
    height: 120px; 
    margin: 0 0px; 
    position: absolute; 
    top: 0; 
    left: 0; 
}
.anythingSlider .wrapper ul { 
    width: 99999px; 
    list-style: none; 
    position: absolute; 
    top: 0; 
    left: 0; 
    margin: 0; 
}
.anythingSlider ul li { 
    
    display: block; 
    float: left; 
    padding: 0; 
    height: 120px; 
    width: 878px; 
    margin: 0;
}
.anythingSlider .arrow { 
    display: none; 
    height: 200px; 
    width: 67px; 
    text-indent: -9999px; 
    position: absolute; 
    top: 65px; 
    cursor: pointer; 
}
.anythingSlider p { 
    color: #FFF; 
    margin: 10px 0 0 15px; 
}
.anythingSlider b { 
    font-size: 14px; 
}
#help-powerbutton { 
    position: absolute; 
    top: 90px; 
    right:0px; 
    text-align: right; 
}
#thumbNav { 
    position: relative; 
    top: 90px; 
    right:115px; 
    text-align: right; 
}
#thumbNav a, #help-powerbutton input { 
    color: #000; 
    font: 12px helvetica;
    text-shadow:0 1px 1px #DDD;
    line-height: 18px; 
    display: inline-block; 
    padding: 2px 8px; 
    margin: 0 5px 0 0; 
    text-align: center; 	
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border: 0px;
}
#thumbNav a:hover, #help-powerbutton input:hover { 
    background-image: none; 
}
#thumbNav a.cur { 
    background: #e0a213; 
}

#start-stop {
display: none;
}
/* Action icon */
a.action-icon-edit, a.action-icon {
    display: block;
    float: left;
    margin: 3px 3px 0 3px;
    height: 16px;
    width: 16px;
}
/* Image upload */
div.image_input
	{
		width: 100px;
		height: 100px;
		float: left;
		display: block;
		margin: 10px 10px 0 0;
		overflow: hidden;
	}

	div.image_input input.file_upload
	{
		border: solid 1px #000;
		position: relative;
		height: 100%;
		width: auto;
		opacity: 0;
		-moz-opacity: 0;
		filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
	}
	div.image_input div a {
		border: solid 0px #FF0000;
		display: block;
		height: 16px;
		margin: -8px 0 0 90px;
		position: absolute;
		z-index: 10;
		width: 16px;
	}
	div.image_input div img {
		height: 100px;
	}

/* Galley upload */
.gallery_upload {
	float: left;
}
	.gallery_upload .file_browser {
		clear: both;
		width: 850px;
	}
	.gallery_upload input {
		clear: both;
		float: left;
		width:850px;
	}
	.gallery_upload .picture, .gallery_upload .loading {
		width: 60px;
		height: 60px;
		float: left;
		display: block;
		margin: 10px 10px 0 0;
		overflow: hidden;
	}
	.gallery_upload .file_browser .picture a {
		border: solid 0px #FF0000;
		display: block;
		height: 16px;
		margin: -8px 0 0 50px;
		position: absolute;
		z-index: 10;
		width: 16px;
	}
.make-row .site {
	float: left;
	width: 150px;
}
.make-row .site input {
	display: inline;
	width: 10px;
}

.loading {
	width: 100px;
	height: 100px;
	background: #ffffff url('/_admin/_css/images/loading.gif') no-repeat center;
}

.picture {
	text-align: center;
	background-color: #ffffff;
	width: 100px;
	height: 100px;
}