* { -webkit-box-sizing: border-box; box-sizing: border-box;} 
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
body, section, div, header, footer, nav, p, li, h1 , h2 , h3 { font-family: Verdana, sans-serif; font-weight: normal;background-color:white;  }

a, abbr, acronym, address, applet, article, aside, audio,
b, blockquote, big, body,
center, canvas, caption, cite, code, command,
datalist, dd, del, details, dfn, dl, div, dt, 
em, embed,
fieldset, figcaption, figure, font, footer, form, 
h1, h2, h3, h4, h5, h6, header, hgroup, html,
i, iframe, img, ins,
kbd, 
keygen,
label, legend, li, 
meter,
nav,
object, ol, output,
p, pre, progress,
q, 
s, samp, section, small, span, source, strike, strong, sub, sup,
table, tbody, tfoot, thead, th, tr, tdvideo, tt,
u, ul, 
var {
	background:transparent;
	border:0 none;
	font-size:100%;
	margin:0;
	padding:0;
	border:0;
	outline:0;
	vertical-align:top;
}
ol, ul {list-style:none}
blockquote, q {quotes:none}
table, table td {padding:0;border:none;border-collapse:collapse}
img {
	vertical-align:bottom;
}
img2 {
	vertical-align:bottom;
}
embed {vertical-align:top}
* {border:none}





a { color: #000;}
a { text-decoration: none;}
a:hover { text-decoration: underline; }

.bg-light { background-color: #eee }
.bg-skyblue { background-color: skyblue; }
.bg-white { background-color: white; }
.bg-dark { background-color: #555;color:white;} 
.bg-darkblue , .bg-darkblue h2{ background-color: #010C39;color:white; }
.bg-darkblue h2:hover { color: silver; }

.bg-silver { background-color: silver;} 
.bg-black { background-color: black; color:white} 

.black { color: black;}
.btn-attention { background-color: red; color:white; font-weight: bold; }
.border-success{ border: 1px solid darkgreen; }
.border { border: 1px solid red; }
.box-12 { width:100%; }
.box-11 { width: 91.666%; }
.box-10 { width: 83.333%; }
.box-9 { width: 75%;}
.box-8 { width: 66.666%;}
.box-7 { width: 58.333%;}
.box-6 { width: 50%;}
.box-5 { width: 41.666%;}
.box-4 { width: 33.333%;}
.box-3 { width: 25%;}
.box-2 { width: 16.666%;}
.box.1 { width: 8.333%; }
.box-rounded { border-radius: 5px 5px 5px 5px ;  }
.box-rounded-bottom { border-radius: 0px 0px 5px 5px ;  }
.box-rounded-left { border-radius: 5px 0px 0px 5px ;  }
.box-rounded-right { border-radius: 0px 5px 5px 0px ;  }
.box-rounded-top { border-radius: 5px 5px 0px 0px ;  }
.box-shadow{
-webkit-box-shadow: 3px 5px 5px 0px rgba(0,0,0,0.7);
-moz-box-shadow: 3px 5px 5px 0px rgba(0,0,0,0.7);
box-shadow: 3px 5px 5px 0px rgba(0,0,0,0.7);
}
.bold { font-weight:bold; }
.border { border: 1px solid red; }
.border-0 { border: 0px solid #fff;}
.button-submit { background:none; border: 0px; cursor:pointer;}
.button-icon{ color:black; font-weight: bold; border-radius:5px; font-size:1.5em; padding:0.2em; margin: 0.2em; }
.center{text-align:center;}
.clear-both { clear: both; }
code{
	font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;
	font-size:0.9em;
	border:1px solid lightblue;
	padding:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	color:#518BAB;
}
.content-text { color:#000; 	 }
.content-text ul { list-style: circle; padding-left:1em; }

dd {margin-left:2em;padding-bottom: 0.5em }
dt {margin-left:1em; font-weight:bold;}

select { width: 100%; height:2em; font-size:1em; border-radius: 5px 5px 5px 5px; border: 1px solid silver;overflow:auto;}
.overflow { height: 5em;}

.users    { background-color: #eee;border-bottom: 1px solid white; }
.authors   { background-color: #aaa;border-bottom: 1px solid white; }
.editors   { background-color: orange;border-bottom: 1px solid white; }
.devels   { background-color: darkgreen;border-bottom: 1px solid white; color:white;}
.managers   { background-color: darkblue;border-bottom: 1px solid white; color: white; }
.admins { background-color: darkred;border-bottom: 1px solid white; color: white; }
.devels a,.managers a,.admins a { color:white; }
.content-text ul.box-shadow { 
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
/* .content-text > ul ul:nth-of-type(1) li:nth-of-type(1) {font-weight: bold;} */
.darkgreen, .success, .msg-success { color: darkgreen; }
.darkred { color: darkred; }
.darkblue { color: darkblue; }
.disabled { background-color: #ddd; border: 1px solid #ddd;}
.em1 { width: 1em; }
.em2 { width: 2em; }
.em3 { width: 3em; }
.em4 { width: 4em; }
.em5 { width: 5em; }
.em6 { width: 6em; }
.em7 { width: 7em; }
.em8 { width: 8em; }
.em9 { width: 9em; }
.em10 { width: 10em; }
.em11 { width: 11em; }
.em12 { width: 12em; }
.em13 { width: 13em; }
.em14 { width: 14em; }
.em15 { width: 15em; }
.em20 { width: 20em; }
.em25 { width: 25em; }
.em30 { width: 30em; }
.em35 { width: 35em; }
.em40 { width: 40em; }
.em45 { width: 45em; }
.em50 { width: 50em; }
.em55 { width: 55em; }
.em60 { width: 60em; }

.float-left { float:left;}
.float-right { float:right;}
.hidden { display:none; }
hr{clear:both;border-bottom:0;border-top:1px dotted #ccc;border-right:0;border-left:0;margin:30px 0;min-height: 0;height:1px;}
hr.alt1{border-style: solid;}
hr.alt2{border-style: dashed;}

.content { width: 75%; border-top: 1px solid silver;}
.label { width: 25%; background-color: #eee; border-top: 1px solid silver; }
.left{text-align:left;}

.m-2-0-0-0 { margin: 2em 0em 0em 0em; }
.m-2-0-1-0 { margin: 2em 0em 1em 0em; }
.mw1 {min-width:1em;}
.mw2 {min-width:2em;}
.mw3 {min-width:3em;}
.mw4 {min-width:4em;}
.mw5 {min-width:5em;}
.mw6 {min-width:6em;}
.mw7 {min-width:7em;}
.mw8 {min-width:8em;}
.mw9 {min-width:9em;}
.mw10 {min-width:10em;}
.mw11 {min-width:11em;}
.mw12 {min-width:12em;}
.mw13 {min-width:13em;}
.mw14 {min-width:14em;}
.mw15 {min-width:15em;}
.mw16 {min-width:16em;}
.mw17 {min-width:17em;}
.mw18 {min-width:18em;}
.mw19 {min-width:19em;}
.mw20 {min-width:20em;}

.normal { font-weight: normal !important;}

p { padding: 1em 1em 0em 1em;}
pre{
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
	margin: 0 0 0 0;
	padding:5px 5px 3px 5px;
	background:#fff;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	-webkit-box-shadow:inset 0 0 7px rgba(0,0,0,0.2);
	-moz-box-shadow:inset 0 0 7px rgba(0,0,0,0.2);
	box-shadow:inset 0 0 7px rgba(0,0,0,0.2);
	padding:10px;
	margin:0 0;
	border:1px solid #ddd;
	font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;
	font-size:0.9em;
}
.pad-0-02 {padding: 0em 0.2em;}
.pad-0-03 {padding: 0em 0.3em;}
.pad-0-04 {padding: 0em 0.4em;}
.pad-0-05 {padding: 0em 0.5em;}
.pad-0-1 { padding: 0em 1em;}
.pad-1 { padding:1em;}
.pad-1-0 { padding: 1em 0em;}
.red, .error, .msg-error { color:red;}
.relative { position:relative; }
.right{text-align:right;}
.small { font-size: 0.7em;}
.show {display:block;}

.table-tables .col-1 , .table-tables .col-2 , .table-tables .col-3 , .table-tables .col-4 , .table-tables .col-5 , .table-tables .col-6 {  padding:0.3em; font-size: 0.9em; overflow: hidden;}
.col-1 { width:25.5%;}
.col-2 { width:15%; color:#233c4c; }
.col-3 { width:3%; }
.col-4 { width:3%;}
.col-5 { width:55%; color:darkred; }
.col-6 { width:15%; }
.table-tables .content { font-weight: normal; }
.table-tables .label { font-weight: bold; }

textarea { width:100%;height:8em; font-size:0.8em;}
.twisty { font-size: 1.8em; float: left ;padding-top: 0.1em; }
.underline { text-decoration: underline;}
ul.tabs{
margin:10px 0 -1px 0;
padding:0;
width:100%;
border-bottom:1px solid #e5e5e5;
float:left;
font-size:0;
}

	ul.tabs.left{text-align:left;}
	ul.tabs.center{text-align:center;}
	ul.tabs.right{text-align:right;}
	ul.tabs.right li{margin:0 0 0 -2px;}

	ul.tabs li{
	font-size:14px;
	list-style-type:none;
	margin:0 -2px 0 0;
	padding:0;
	display:inline-block;
	*display:inline;/*IE ONLY*/
	position:relative;
	top:0;
	left:0;
	*top:1px;/*IE 7 ONLY*/
	zoom:1;
	}

	ul.tabs li a{
	text-decoration:none;
	color:#666;
	display:inline-block;
	padding:9px 15px;
	position: relative;
	top:0;
	left:0;
	line-height:100%;
	background:#f5f5f5;
	-webkit-box-shadow: inset 0 -3px 3px rgba(0,0,0,0.03);
	-moz-box-shadow: inset 0 -3px 3px rgba(0,0,0,0.03);
	box-shadow: inset 0 -3px 3px rgba(0,0,0,0.03);
	border:1px solid #e5e5e5;
	border-bottom:0;
	font-size:0.9em;
	zoom:1;
	}

	ul.tabs li a:hover{
	background:#fff;
	}

	ul.tabs li.current a{
	position:relative;
	top:1px;
	left:0;
	background:#fff;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	color:#222;
	}

	.tab-content{
	border:1px solid #efefef;
	border:1px solid #e5e5e5;
	background:#fff;
	clear:both;
	padding:20px;
	margin:0 0 40px 0;
	}

.w5 { width:5%; }
.w10 { width:10%; }
.w15 { width:15%; }
.w20 { width:20%; }
.w25 { width:25%; }
.w30 { width:30%; }
.w35 { width:35%; }
.w40 { width:40%; }
.w45 { width:45%; }
.w49 { width:49%; }
.w50 { width:50%; }
.w55 { width:55%; }
.w60 { width:60%; }
.w65 { width:65%; }
.w70 { width:70%; }
.w75 { width:75%; }
.w80 { width:80%; }
.w85 { width:85%; }
.w90 { width:90%; }
.w95 { width:95%; }
.w100 { width: 100%; }
.white { color: white }
.wAuto { width: auto;}