/*main structure styles*/
* { margin: 0; padding: 0; border: 0;}
table {width: 100%;}
td {text-align: center;}
div {text-align: left;}

div#main{width: 100%; _height:10px; min-height: 1000px; text-align: center;  background:url("../images/background/0.png") repeat; background-color:#F4F4F4;}

div.maincenter{width: 1000px!important; min-height:800px; background-color:#fff; margin:0 auto; border-left:1px solid #D6D8D8; border-right:1px solid #D6D8D8; border-bottom:1px solid #D6D8D8;  border-radius: 0 0 20px 20px;}

div.bk-top{width: 100%; _height: 49px; height: 49px; text-align: center;  background:url('../images/bgr-top.png') repeat-x;}
	div#top {width: 1000px!important; _height:49px; min-height: 49px; margin: 0 auto; background:url('../images/bgr-meniu.png') repeat-x;}
div.bk-body{width: 100%; _height: 10px; min-height:10px; text-align: center;}
	div#body {width: 1000px!important; _height:600px; min-height:600px; margin: 0 auto;}
div.bk-bottom{width: 100%; _height: 100px; min-height: 100px; text-align: center;}
	div#bottom {width: 1000px!important; _height:100px; min-height: 100px; margin: 0 auto; text-align: center;}
/*main structure styles*/

/*standard styles*/
div.clear {clear: both;}

div.frm_l {width: 100px; float: left; clear: left;  padding: 2px 0;}
div.frm_r {width: 300px; float: left; clear: right; border: 1px solid red; padding: 2px 5px;}
img.left {float: left; margin: 0 10px 10px 0}
img.right {float: right; margin: 0 0 10px 10px}
/*standard styles*/

/*specific styles*/
body, table, td, div, input, textarea, select {font: normal 12px Tahoma,Arial,Verdana,Helvetica; color: #666666;}
a.camscape {color: #6666BB; font:bold 13px verdana; text-decoration: none;}
/*specific styles*/

/* start MENIU SUS*/
div.meniu{}
div.meniu ul {margin: 0; padding: 0;}
div.meniu ul li {list-style:none; float:left; border-left:1px solid #f6f7f9; border-right:1px solid #f6f7f9; height:49px; display: block; padding:0px 8px; font-family: Verdana,Arial,Sans-Serif; font-size: 14px; line-height: 49px; width:130px; text-align:center;}
div.meniu ul li img{vertical-align: middle;}
div.meniu ul li:hover{background-color:#edf1f5; border-left:1px solid #dce7f0; border-right:1px solid #dce7f0; height:48px; border-bottom:1px solid #d6d6d6;}
div.meniu ul li.active {list-style:none; float:left; border-left:1px solid #dfdfdf; border-right:1px solid #dfdfdf; height:48px; display: block; padding:0px 8px; font-family: Verdana,Arial,Sans-Serif; font-size: 13px; line-height: 48px; background-color:#fff; border-bottom:1px solid #dfdfdf; width:130px; text-align:center;}

div.meniu ul li a{text-decoration:none; padding-left:5px; color:#596677;}

div.meniu ul li.active:hover{border-bottom:1px solid #dfdfdf;}
div.meniu ul li.active a {color:#2c71a5; }
/* end MENIU SUS*/





/* start MENIU Stanga*/
div#menu-top{width:100%; min-height:39px; border-top:1px solid #ddd; margin-top:-1px; margin-left:-1px; background-color:#f1f1f1; border-left: 1px solid #DDDDDD;}
div#menu-top ul li a{text-decoration:none; color: #737F89; font-family: Arial,Helvetica,sans-serif;}
div#menu-top ul li a img{vertical-align:middle;}
div#menu-top ul li {font-size:15px; text-decoration:none; list-style-type: none; float:left; padding-left:19px; padding-right:19px; padding-top:10px; padding-bottom:3px; border-right:1px solid #ddd; border-top:1px solid #ddd; margin-top:-1px; height:27px; width:110px; text-align:center;}
/* div#menu-left ul li:hover {background-color:#fff; width:246px; border:0px; margin-left:1px; margin-top:1px; margin-bottom:-1px; border-bottom:1px solid #ddd;}*/
div#menu-top ul li:hover {background-color:#edf1f5; border-top:1px solid #dce7f0; border-bottom:1px solid #dce7f0;  height:20px; padding-bottom:8px;}
div#menu-top ul li.active {background-color:#fff; border-bottom:1px solid #dce7f0;  font-size:15px; height:21px; padding-bottom:8px; }
/* end MENIU Stanga*/




/* start MENIU ADMIN Stanga*/
div#menu-top-admin{width:998px; min-height:39px; border-top:1px solid #ddd; margin-top:-1px; background-color:#f1f1f1; border-left: 1px solid #DDDDDD; border-right: 2px solid #DDDDDD; border-bottom:1px solid #ddd;}
div#menu-top-admin ul li a{text-decoration:none; color: #737F89; font-family: Arial,Helvetica,sans-serif;}
div#menu-top-admin ul li a img{vertical-align:middle;}
div#menu-top-admin ul li {font-size:15px; text-decoration:none; list-style-type: none; float:left; padding:10px 11px 3px; border-right:1px solid #ddd; border-top:1px solid #ddd; margin-top:-1px; height:27px; text-align:center;}
/* div#menu-left ul li:hover {background-color:#fff; width:246px; border:0px; margin-left:1px; margin-top:1px; margin-bottom:-1px; border-bottom:1px solid #ddd;}*/
div#menu-top-admin ul li:hover {background-color:#edf1f5; border-top:1px solid #dce7f0; border-bottom:1px solid #dce7f0;  height:20px; padding-bottom:8px;}
div#menu-top-admin ul li.active {background-color:#fff; border-bottom:1px solid #dce7f0;  font-size:15px; height:21px; padding-bottom:8px;}
/* end MENIU ADMIN Stanga*/




/* ############### Start Header ##################*/
.simplebox{ width:900px; margin:0 auto; margin-top:20px;}
.simplebox .titleh{
	border:1px solid #CBDAE8;
	background:url(../images/simplebox-title-bg.png) repeat-x bottom;
	height:40px;
	border-top-right-radius: 3px;
    border-top-left-radius: 3px;
	position:relative;}

	.simplebox .cauta{
	border:1px solid #CBDAE8;
	background:url(../images/bg-cauta.png) repeat-x bottom;
	height:40px;
	border-radius: 10px;
	position:relative;}

	.simplebox .titlehbottom{
	border:1px solid #CBDAE8;
	background:url(../images/simplebox-title-bg-bottom.png) repeat-x bottom;
	height:40px;
	border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
	position:relative;
	margin-top:-1px;
	}
.simplebox .padding-in{
	padding:10px;
	line-height:18px;}
.simplebox .titleh h3{
	font-size:12px;
	color:#225983;
	padding:13px 0 0 15px;}
.simplebox .shortcuts-icons{
	position:absolute;
	display:block;
	text-align:right;
	right:10px;
	top:8px;}
.simplebox .shortcuts-icons a{
	opacity:0.8;}
.simplebox .body{
	border:1px solid #CBDAE8;
	border-top:none;
	color:#748897;
	box-shadow:0px 1px 0px #eee;
	background:#fff url(../images/simplebox-dot.png) repeat-x top;}
.simplebox .button-box{
	border-top:1px solid #E6EDF4;
	background:#FDFDFD url(../images/simplebox-dot.png) repeat-x top;
	padding:15px 180px;}
	
/*  START Butoane Rotunde Header */	
.shortcut{
	background:url(../images/shortcut-normal.png) no-repeat top left;
	width:25px;
	display:block;
	height:26px;
	float:left;
	margin-left:5px;}
.shortcut:hover{
	background:url(../images/shortcut-hover.png) no-repeat top left;}
.shortcuts-icons a{
	float:right;}
/* END Butoane Rotunde Header */	

/* ############## END HEADER ####################*/







/* ############### Start Header 50%   ##################*/
.simpleboxmic{ width:440px; float:left; margin-top:20px; margin-left:20px;}
.simpleboxmic .titleh{
	border:1px solid #CBDAE8;
	background:url(../images/simplebox-title-bg.png) repeat-x bottom;
	height:40px;
	border-top-right-radius: 3px;
    border-top-left-radius: 3px;
	position:relative;}

	.simpleboxmic .cauta{
	border:1px solid #CBDAE8;
	background:url(../images/bg-cauta.png) repeat-x bottom;
	height:40px;
	border-radius: 10px;
	position:relative;}

	.simpleboxmic .titlehbottom{
	border:1px solid #CBDAE8;
	background:url(../images/simplebox-title-bg-bottom.png) repeat-x bottom;
	height:40px;
	border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
	position:relative;
	margin-top:-1px;
	}
.simpleboxmic .padding-in{
	padding:10px;
	line-height:18px;}
.simpleboxmic .titleh h3{
	font-size:12px;
	color:#225983;
	padding:13px 0 0 15px;}
.simpleboxmic .shortcuts-icons{
	position:absolute;
	display:block;
	text-align:right;
	right:10px;
	top:8px;}
.simpleboxmic .shortcuts-icons a{
	opacity:0.8;}
.simpleboxmic .body{
	border:1px solid #CBDAE8;
	border-top:none;
	color:#748897;
	box-shadow:0px 1px 0px #eee;
	background:#fff url(../images/simplebox-dot.png) repeat-x top;}
.simpleboxmic .button-box{
	border-top:1px solid #E6EDF4;
	background:#FDFDFD url(../images/simplebox-dot.png) repeat-x top;
	padding:15px 180px;}
	
/*  START Butoane Rotunde Header */	
.shortcut{
	background:url(../images/shortcut-normal.png) no-repeat top left;
	width:25px;
	display:block;
	height:26px;
	float:left;
	margin-left:5px;}
.shortcut:hover{
	background:url(../images/shortcut-hover.png) no-repeat top left;}
.shortcuts-icons a{
	float:right;}
/* END Butoane Rotunde Header */	

/* ############## END HEADER 50% ####################*/

















/* ############### Start Continut Pagina ##################*/
.continut{ width:898px; margin:0 auto;  border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; min-height:300px;}
/* ############### END Continut Pagina ##################*/




/* ############### Start Adauga Sepecialitate ##################*/
div#insereaza{width:100%; margin:0 auto; min-height:150px; margin-top:30px; display:none; }

/* ############### END Adauga Sepecialitate ##################*/



/* ################### START  Form Elements ########################### */
input, select, textarea{
	background:#fff;
	border:1px solid #D2D4D4;
	border-top:1px solid #A5A6A6;
	border-radius:2px;
	color:#333;
	font:14px Arial, Helvetica, sans-serif;
	min-height:20px;
	padding:0 5px;
	}
	
.st-form-line{
	display:block;
	border-bottom:1px solid #E5E5E5;
	padding:16px 20px;}
.st-labeltext{
	display:block;
	color:#3C5868;
	float:left;
	width:150px;
	line-height:20px;
	font-size:12px;
	padding-top:3px;
	padding-right:10px;}
.st-forminput{
	background:#fff url(../images/form/st-forminput-bg.png) repeat-x top;
	border:1px solid #D2D4D4;
	border-top:1px solid #A5A6A6;
	border-radius:2px;
	color:#A5A5A5;
	font:12px Arial, Helvetica, sans-serif;
	min-height:25px;
	color:#000;
	}
.st-disable{
	background:#fafafa;}
.st-forminput-active{
	background:#fff url(../images/form/st-forminput-bg.png) repeat-x top;
	border:1px solid #B5B7B7;
	border-top:1px solid #8E8F8F;
	border-radius:2px;
	color:#666666;
	font:12px Arial, Helvetica, sans-serif;
	padding:7px 6px;
	width:auto;}

	
.st-button{
	background:url(../images/form/default-button.png) repeat-x top;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#fff;
	border:1px solid #1A527D;
	border-bottom:1px solid #0F3049;
	border-radius:2px;
	padding:6px 10px;
	margin-right:10px;
	text-shadow: 0px -1px #174B73;}
	
.st-button:hover{
	border:1px solid #133E5C;
	border-bottom:1px solid #0B2436;}
	
.st-button-reactivare{
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#fff;
	border:1px solid #006e2e;
	border-bottom:1px solid #0F3049;
	border-radius:2px;
	padding:6px 10px;
	margin-right:10px;
	text-shadow: 0px -1px #174B73;
	background: #76c979; /* Old browsers */
background: -moz-linear-gradient(top,  #76c979 0%, #247a0c 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#76c979), color-stop(100%,#247a0c)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #76c979 0%,#247a0c 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #76c979 0%,#247a0c 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #76c979 0%,#247a0c 100%); /* IE10+ */
background: linear-gradient(to bottom,  #76c979 0%,#247a0c 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#76c979', endColorstr='#247a0c',GradientType=0 ); /* IE6-9 */


	}	
	
	
.st-button:active{box-shadow: inset 0 0 0.5em #174B73;}

.st-clear{
	background:#fff url(../images/form/error-page-buttonbg.png) repeat-x bottom;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#818181;
	border:1px solid #C5C5C5;
	border-bottom:1px solid #969696;
	border-radius:2px;
	padding:6px 10px;
	margin-right:10px;}
	
.st-clear:hover{
	border:1px solid #B1B1B1;
	border-bottom:1px solid #878787;}
	
.st-clear:active{box-shadow: inset 0 0 0.5em #ccc;}


.st-success-input{
	background:#EAF2EC url(../images/form/st-forminput-bg.png) repeat-x top;
	border:1px solid #A9CFB0;
	border-top:1px solid #85A38B;
	border-radius:2px;
	color:#55A163;
	font:12px Arial, Helvetica, sans-serif;
	padding:8px 6px;}
.st-form-success{
	color:#437E4C;
	font-size:12px;
	margin-left:10px;}

.st-error-input{
	background:#FBF4F5 url(../images/form/st-forminput-bg.png) repeat-x top;
	border:1px solid #E2B5BE;
	border-top:1px solid #B28F96;
	border-radius:2px;
	color:#99626B;
	font:12px Arial, Helvetica, sans-serif;
	padding:8px 6px;}
.st-form-error{
	color:#99616B;
	font-size:12px;
	margin-left:10px;}



/* ================= Chart ================= */
.chart{
	background:#EAF0F6;
	padding-bottom:14px;}

/* ================= Tiny Title ================= */
.st-tinytitle{
	padding:7px 0 13px 0;
	border-bottom:1px solid #EBF1F6;
	margin-bottom:20px;}
.st-tinytitle h3{
	color:#727F88;
	padding-bottom:5px;
	font-size:14px;}
.st-tinytitle p{
	color:#87929A;
	font-size:11px;
	line-height:15px;}


/* ================= Alert Boxes ================= */
.albox{
	font-size:12px;
	line-height:17px;
	box-shadow:0px 1px 0px #F7F7F7;
	position:relative;
	margin:15px 0px;
	padding:14px 42px;
	border-radius:3px;}
.albox .close{
	display:block;
	position:absolute;
	width:30px;
	height:30px;
	text-indent:-9999px;
	right:0;
	top:0;
	background:url(../images/form/close-opacity-21.png) no-repeat center;}
.albox .close:hover{
	background:url(../images/form/close-opacity-42.png) no-repeat center;}
.albox .icon{
	position:absolute;
	left:14px;
	top:14px;}
.warningbox{
	background:#FFF8D8 url(../images/form/error.png) no-repeat 14px 14px;
	border:1px solid #F3D97E;
	color:#A68510;}
.succesbox{
	background:#EBF9E2 url(../images/form/accept.png) no-repeat 14px 14px;
	border:1px solid #BEE4A5;
	color:#658C2C;}
.informationbox{
	background:#E9F3F8 url(../images/form/help.png) no-repeat 14px 14px;
	border:1px solid #BBD7E4;
	color:#3876C6;}
.errorbox{
	background:#F8E9E9 url(../images/form/cross.png) no-repeat 14px 14px;
	border:1px solid #E4BBBC;
	color:#BF2C11;}

/* ================= Dialog Boxes ================= */
.dialogbox{
	background:#F8F8F8;
	border:1px solid #DEDEDE;
	color:#666;}

/* ================= Icon Buttons ================= */
.icon-button{
	border-radius:4px;
	margin:2px;
	padding:8px 10px;
	border:1px solid #CDDCEA;
	border-bottom:1px solid #B8C6D2;
	background:#fff url(../images/form/iconbutton-bg.png) repeat-x bottom;}
.icon-button:hover{
	border:1px solid #AFC8DD;
	border-bottom:1px solid #96ABBC;}
.icon-button img{
	margin-bottom:-5px;}
.icon-button:active{
	background:#fff url(../images/form/icon-button-bg-active.png) repeat-x top;}
.icon-button span{
	padding-left:8px;
	color:#2E71A5;}
.icon-button a:hover span{
	color:#2E71A5;}




/* ================= Button Styles ================= */
.button-blue{
	background:#4088BF url(../images/form/button-blue.png) repeat-x bottom;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#fff;
	border:1px solid #1A527D;
	border-bottom:1px solid #0F3049;
	border-radius:2px;
	padding:7px 10px;
	margin:0px 3px;
	text-shadow: 0px -1px #174B73;}
.button-blue:hover{
	border:1px solid #0F3049;
	border-bottom:1px solid #0F3049; opacity:0.95;}
.button-blue:active{box-shadow: inset 0 0 0.5em #174B73;}

.button-aqua{
	background:#519EAC url(../images/form/button-aqua.png) repeat-x bottom;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#fff;
	border:1px solid #27676E;
	border-bottom:1px solid #173C40;
	border-radius:2px;
	padding:7px 10px;
	margin:0px 3px;
	text-shadow: 0px -1px #27676E;}
.button-aqua:hover{
	border:1px solid #173C40;
	border-bottom:1px solid #173C40; opacity:0.95;}
.button-aqua:active{box-shadow: inset 0 0 0.5em #174B73;}

.button-green{
	background:#51AC53 url(../images/form/button-green.png) repeat-x bottom;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#fff;
	border:1px solid #276E27;
	border-bottom:1px solid #174017;
	border-radius:2px;
	padding:7px 10px;
	margin:0px 3px;
	text-shadow: 0px -1px #276E27;}
.button-green:hover{
	border:1px solid #174017;
	border-bottom:1px solid #174017; opacity:0.95;}
.button-green:active{box-shadow: inset 0 0 0.5em #174017;}

.button-gray{
	background:#fff url(../images/form/button-gray.png) repeat-x bottom;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#818181;
	border:1px solid #C5C5C5;
	border-bottom:1px solid #969696;
	border-radius:2px;
	padding:7px 10px;
	margin:0px 3px;
	text-shadow: 0px -1px #fff;}
.button-gray:hover{
	border:1px solid #969696;
	color:#666;
	border-bottom:1px solid #969696; opacity:0.95;}
.button-gray:active{box-shadow: inset 0 0 0.5em #ccc;}

.button-red{
	background:#A2665B url(../images/form/button-red.png) repeat-x bottom;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#fff;
	border:1px solid #67352E;
	border-bottom:1px solid #3C1F1B;
	border-radius:2px;
	padding:7px 10px;
	margin:0px 3px;
	text-shadow: 0px -1px #67352E;}
.button-red:hover{
	border:1px solid #3C1F1B;
	color:#666;
	border-bottom:1px solid #3C1F1B; opacity:0.95;}
.button-red:active{box-shadow: inset 0 0 0.5em #3C1F1B;}

.button-blue:hover, .button-aqua:hover, .button-green:hover, .button-red:hover{ color:#fff;}


.datepicker-input{
	background:#fff url(../images/form/datepicker-bg.png) repeat-x top right;
	border-radius:2px;
	color:#666;
	padding:0px 6px;
	border:1px solid #D2D4D4;
	border-top:1px solid #A5A6A6;
	font:12px Arial, Helvetica, sans-serif;}


/* START  ENABLE DISABLE BUTTON */

.cb-enable, .cb-disable, .cb-enable span, .cb-disable span { background:url(../images/form/switch.gif) repeat-x; display: block; float: left; }

.cb-enable span, .cb-disable span { line-height: 30px; display: block; background-repeat: no-repeat; font-weight: bold; }

.cb-enable span { background-position: left -90px; padding: 0 10px; }

.cb-disable span { background-position: right -180px;padding: 0 10px; }

.cb-disable.selected { background-position: 0 -30px; }

.cb-disable.selected span { background-position: right -210px; color: #fff; }

.cb-enable.selected { background-position: 0 -60px; }

.cb-enable.selected span { background-position: left -150px; color: #fff; }

.switch label { cursor: pointer; }
	
/* END  ENABLE DISABLE BUTTON */

/* ################### END  Form Elements ########################### */







/* ################### START Desen Tabel ########################### */

table.tablesorter {font-family:arial;background-color: #CDCDCD;margin:0px;font-size: 12px;width: 100%;text-align: left;  border-collapse: collapse; border-spacing: 0;}
table.tablesorter thead tr th, table.tablesorter tfoot tr th { background:#f4f8ef;border: 1px solid #CBDAE8; border-top:none; border-bottom:none; font-size: 8pt;padding: 12px;}
table.tablesorter thead tr .header {background-image:url(../images/bg.gif);;background-repeat: no-repeat;background-position: center right;cursor: pointer; color:#333;}
table.tablesorter tbody td {line-height: 1; color: #3D3D3D;padding: 5px 5px;  vertical-align: middle;  background-color: #FFF; border:1px solid #D8E4E9; color:#6C7D8C;}
table.tablesorter tbody tr.odd td {background-color:#D7D7D7;}
table.tablesorter tbody td:hover{background-color:#F8FAFB;}
table.tablesorter thead tr .headerSortUp {background-image:url(../images/bg.gif);}
table.tablesorter thead tr .headerSortDown {background-image:url(../images/desc.gif);}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {background-color: #d6e3cc;}
table.tablesorter tr:hover{background:#f8f8e7; }

table.tablesorter tbody td.active{background-color:#e3f7f0;}
table.tablesorter tbody td.csspersonal{background-color:#dcfad3;}


table.tablesorter tbody tr.cssoficine{background-color:#ddfcff;}
table.tablesorter tbody tr.cssoficine:hover{background-color:#f7fad3;}
table.tablesorter tbody td.cssoficine{background-color:#ddfcff;}


table.tablesorter tr:hover td{background:none;}

td.yellow { background-color: #fefdaf!important;}

tr.yellow  td{ background-color: #fefdaf!important; }

td.inactiv {background-color: #ffeadf!important; background-image:url(../images/background/4.png);}
td.sters {background-color: #e76463!important; background-image:url(../images/background/5.png);}
td.sters:hover {background-image:url(../images/background/4.png); background-color:#fff;}



div.tabeltxt{font: 12px Tahoma,Arial,Verdana,Helvetica; font-size:13px; text-align:left; }

/* ################### END  Desen Tabel ########################### */





div.eroareform{ font-weight:bold; color:#f35609;  float:left; margin-left:20px;}


div.buttontabel{
	background:url(../images/normal.png) no-repeat top left;
	width:23px;
	display:block;
	height:24px;
	float:left;
	margin-left:5px;
	text-align:center;
	padding-top:2px;
	cursor:pointer;
	}
div.buttontabel:hover{
	background:url(../images/hover.png) no-repeat top left;
	cursor:pointer;
	}


/* Radio */

input.radio {
  width: 18px;
  height: 18px;
  vertical-align:middle;
  
}


/* ================= Start Page Wrap ================= */
.pagewrap{
	background:url(../images/pagewrapbg.png) repeat-x bottom;
	border-top:1px solid #CBDAE8;
	border-bottom:1px solid #CBDAE8;
	font-size:12px;
	color:#859099;
	padding-left:5px;
	height:38px;}
.pagewrap li{
	display:inline;
	background:url(../images/page-wrap-libg.png) no-repeat right;
	line-height:38px;
	padding:12px 20px 12px 8px;}
.pagewrap a{
	color:#859099;}
.pagewrap a:hover{
	color:#344654;}
/* ================= END Page Wrap ================= */






/* ================= Start Button ================= */
div.leftb{background:url(../images/button/left.png) no-repeat; width:11px; height:23px; float:left;}
div.centerb{background:url(../images/button/center.png) repeat-x; height:23px; float:left; padding-top:3px; color:#727F88;}
div.rightb{background:url(../images/button/right.png) no-repeat; width:11px; height:23px; float:left;}
/* ================= End Button ================= */





/* ================= Start header de vezi personal ================= */

/* ================= End header de vezi personal ================= */



/* =================START Login Form ================= */
.loginform{
	width:360px;
	margin:0px auto;
	margin-top:100px;
	box-shadow:0px 4px 90px #eef5e8;
}
.loginform .title{
	background:url(../images/bgr-top.png) repeat-x;
	text-align:center;
	height:38px;
	padding-top:10px;
	font-weight:bold;
	color:#fff;
	font-size:22px;
	
	}
.loginform .body{
	padding:23px 29px 40px 29px;
	background:url(../images/login/login-form-body-bg.png) repeat-x bottom;}
.login-input-pass{
	border:none;
	font:19px Arial, Helvetica, sans-serif;
	color:#B6C3C9;
	width:250px;
	border:1px solid #CED3D8;
	border-radius:3px;
	border-top:1px solid #A0A4A9;
	padding:10px;
	padding-left:40px;
	margin-bottom:19px;
	background:url(../images/login/password-input.png) repeat-x top;}
.login-input-pass-active{
	border:none;
	font:19px Arial, Helvetica, sans-serif;
	color:#8A9EA8;
	width:250px;
	border:1px solid #CED3D8;
	border-radius:3px;
	border-top:1px solid #A0A4A9;
	padding:10px;
	padding-left:40px;
	margin-bottom:19px;
	background:url(../images/login/password-input.png) repeat-x top;}
.login-input-user{
	border:none;
	font:19px Arial, Helvetica, sans-serif;
	color:#B6C3C9;
	width:250px;
	border:1px solid #CED3D8;
	border-radius:3px;
	border-top:1px solid #A0A4A9;
	padding:10px;
	padding-left:40px;
	margin-bottom:19px;
	background:url(../images/login/username-input.png) repeat-x top;}
.login-input-user-active{
	border:none;
	font:19px Arial, Helvetica, sans-serif;
	color:#8A9EA8;
	width:250px;
	border:1px solid #CED3D8;
	border-radius:3px;
	border-top:1px solid #A0A4A9;
	padding:10px;
	padding-left:40px;
	margin-bottom:19px;
	background:url(../images/login/username-input.png) repeat-x top;}

.loginform .log-lab{
	color:#A4AAB2;
	font-size:14px;
	font-weight:bold;
	display:block;
	padding-bottom:11px;}
.loginform .button{
	width:300px;
	height:49px;
	font:bold 16px Arial, Helvetica, sans-serif;
	color:#fff;
	background:url(../images/login/login-button.png) no-repeat 0px 0px;
	border:none;}
.loginform .button:hover{
	background:url(../images/login/login-button.png) no-repeat 0px -50px;}
.loginform .button:active{
	background:url(../images/login/login-button.png) no-repeat 0px -100px;}
/* =================END Login Form ================= */



/* ================= Pagination ================= */

.pagination{
	text-align:center;
	padding:20px 0px;}
.pagination li{
	display:inline;
	text-align:center;
	font-size:12px;
	color:#3E7CAC;
	padding-right:3px;
	font-weight:bold;}
.pagination li a{
	color:#3E7CAC;
	border:1px solid #D6D6D6;
	text-decoration:none;
	border-radius:3px;
	background:url(../img/simplebox-title-bg.png) repeat-x bottom;
	padding:8px 12px;
	box-shadow:0px 1px 1px #EDEDED;
	padding:5px;
	}
.pagination li a:hover{
	border:1px solid #C5C5C5;
	
	
	color:#333;}
.pagination li a:active{
	box-shadow: inset 0 0 0.5em #D6D6D6;}

	
	
div#showkeyboard{display:none; width:440px; position:absolute; height:30px; border-left:1px solid #CBDAE8; border-bottom:1px solid #CBDAE8; border-right:1px solid #CBDAE8;margin-top:32px; margin-left:-230px; border-bottom-left-radius:5px; border-bottom-right-radius:5px; background: url("../images/bg-cauta.png") repeat-x scroll center bottom rgba(0, 0, 0, 0);}	
div.task{width:24px; height:24px; border:1px solid #ddd; float:left; margin-right:5px; margin-left:5px; border-radius:5px; text-align:center; line-height:24px; font-weight:bold; background-color:#fff; cursor:pointer;}
div.task:hover{border:1px solid red;}	
	
div#showkeyboard2{display:none; width:440px; position:absolute; height:28px; padding-top:2px; border-left:1px solid #CBDAE8; border:1px solid #CBDAE8; margin-top:10px; border-radius:5px; background: url("../images/bg-cauta.png") repeat-x ; z-index:1;}	
div.task2{width:24px; height:24px; border:1px solid #ddd; float:left; margin-right:5px; margin-left:5px; border-radius:5px; text-align:center; line-height:24px; font-weight:bold; background-color:#fff; cursor:pointer;}
div.task2:hover{border:1px solid red;}	
	
	
div#showkeyboard3{display:none; width:440px; position:absolute; height:28px; padding-top:2px; border-left:1px solid #CBDAE8; border:1px solid #CBDAE8; margin-top:25px; margin-left:210px; border-radius:5px; background: url("../images/bg-cauta.png") repeat-x ; z-index:1;}	
div.task3{width:24px; height:24px; border:1px solid #ddd; float:left; margin-right:5px; margin-left:5px; border-radius:5px; text-align:center; line-height:24px; font-weight:bold; background-color:#fff; cursor:pointer;}
div.task3:hover{border:1px solid red;}	
	
div#showkeyboard4{display:none; width:440px; position:absolute; height:28px; padding-top:2px; border-left:1px solid #CBDAE8; border:1px solid #CBDAE8; margin-top:5px; margin-left:-170px; border-radius:5px; background: url("../images/bg-cauta.png") repeat-x ; z-index:1;}	
div.task4{width:24px; height:24px; border:1px solid #ddd; float:left; margin-right:5px; margin-left:5px; border-radius:5px; text-align:center; line-height:24px; font-weight:bold; background-color:#fff; cursor:pointer;}
div.task4:hover{border:1px solid red;}	
		
		
div#showkeyboard5{display:none; width:440px; position:absolute; height:28px; padding-top:2px; border-left:1px solid #CBDAE8; border:1px solid #CBDAE8; margin-top:5px; margin-left:360px; margin-top:25px; border-radius:5px; background: url("../images/bg-cauta.png") repeat-x ; z-index:1;}	
div.task5{width:24px; height:24px; border:1px solid #ddd; float:left; margin-right:5px; margin-left:5px; border-radius:5px; text-align:center; line-height:24px; font-weight:bold; background-color:#fff; cursor:pointer;}
div.task5:hover{border:1px solid red;}	
		
div#showkeyboard6{display:none; width:440px; position:absolute; height:28px; padding-top:2px; border-left:1px solid #CBDAE8; border:1px solid #CBDAE8; margin-top:5px; margin-left:250px; margin-top:25px; border-radius:5px; background: url("../images/bg-cauta.png") repeat-x ; z-index:1;}	
div.task6{width:24px; height:24px; border:1px solid #ddd; float:left; margin-right:5px; margin-left:5px; border-radius:5px; text-align:center; line-height:24px; font-weight:bold; background-color:#fff; cursor:pointer;}
div.task6:hover{border:1px solid red;}