/*==================================================================
	RESET 
================================================================== */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, tbody, tfoot { margin: 0; padding: 0; border: 0; outline: 0; }
table, tr, th, td { margin: 0; padding: 0; outline: 0; font-size: 100%; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }/* remember to define focus styles! */
ins { text-decoration: none; }/* remember to highlight inserts somehow! */
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }/* tables still need 'cellspacing="0"' in the markup */


/*==================================================================
	GNRL 
================================================================== */
body { padding: 10px 1%; margin: 0px; min-width: 920px; font-family: Helvetica, Arial, sans-serif; overflow:-moz-scrollbars-vertical; font-size: 12px; background:#454f4e; color: #303b3a; }
img { vertical-align: middle; }
td { vertical-align: top; }
h1 { border-bottom:1px solid #2c3635; margin:0 -30px 0px -30px; background:#839795; padding:10px 20px 10px 20px; color: #1d2121; font-size: 12px; font-weight: normal; text-shadow: 0px 1px 0px rgba(255,255,255,0.3); }
h1 img { display:none; }
h3 { display: block; font-size: 10px; text-transform:uppercase; letter-spacing:1px; font-weight: normal; border-bottom: 1px dotted #6d7d7c; margin-bottom: 10px; padding:15px 20px 15px 20px; position:relative; }
p { line-height: 18px; }
.red { color: #f00; }
.left { float:left; }
.right { float:right; }
small { font-size:10px; }
a { color: #1d2121; text-decoration: none; cursor:pointer; cursor:hand; }
a:hover { color:#f60; }
.wrapper a { font-weight: bold; }
.wrapper img { vertical-align:middle; }
.clear { display: block; height: 1px; clear: both; line-height: 1px; }

ul.list { list-style: square; }
ul.list li { line-height:22px; font-weight:normal; text-shadow: 0px 1px 0px rgba(255,255,255,0.3); }
ul.list li a:hover { color:#f60; }
ul.list li ul { border-left: 1px dotted #6d7d7c; margin-left:15px; margin-bottom:15px; }
ul.list li ul li {border-bottom: 1px dotted #6d7d7c; margin:0 30px 0 0px; text-align:right; }
ul.list li ul li a { font-weight:normal; position:relative; top:11px; background-color:#d1d8d8; padding-left:5px; }
ul.list li ul li a:hover { display:block; color:#ff6600; }

.no-pic { width: 80px; height: 80px; display: block; background-image: url('../images/unknown.png'); }
.center { text-align: center; }
.pointer-hand { cursor: pointer; cursor: hand; }
.btn { font-size: 15px; width: 200px; display: inline-block; padding: 2px; border: 1px solid #ccc; font-family: Arial, Helvetica, sans-serif; cursor: pointer; cursor: hand; }



/*==================================================================
	GRID 
================================================================== */
.col { float:left; position:relative; display:inline; overflow:hidden; }
.x1 { width:35px; }
.x2 { width:70px; }
.x3 { width:105px; }
.x4 { width:140px; }
.x5 { width:175px; }
.x6 { width:210px; }
.x7 { width:245px; }
.x8 { width:280px; }
.x9 { width:315px; }
.x10 { width:350px; }
.x11 { width:385px; }
.x12 { width:420px; }
.x13 { width:455px; }
.x14 { width:490px; }
.x15 { width:525px; }
.x16 { width:560px; }
.x17 { width:595px; }
.x18 { width:630px; }
.x19 { width:665px; }
.x20 { width:700px; }
.x21 { width:735px; }
.x22 { width:770px; }
.x23 { width:805px; }
.x24 { width:840px; }

.mt5 { margin-top:5px; }
.mt10 { margin-top:10px; }
.mt15 { margin-top:15px; }
.mt20 { margin-top:20px; }
.mb5 { margin-bottom:5px; }
.mb10 { margin-bottom:10px; }
.mb15 { margin-bottom:15px; }
.mb20 { margin-bottom:20px; }

.ar { text-align:right; }
.al { text-align:left; }
.ac { text-align:center; }


/*==================================================================
	GNRL FORM ELMTS
================================================================== */
input, textarea { overflow-x: hidden; overflow-y: auto; border:0; outline:0; background: transparent; font: normal 12px Helvetica, Arial, sans-serif; color:#000; }
textarea {  }
input.addinput, .filters input { padding:2px 4px; background:#eff3f3; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border-top:1px solid #576a68; border-bottom:1px solid #fff; margin:3px 0;}
input.addinput:hover, .filters input:hover { background:#edf5f4; border-top:1px solid #333; }
input.addinput:focus, .filters input:focus { background:#fff; border-top:1px solid #333; }
input.check { border: none; vertical-align: middle; width: 14px; height:14px; line-height:14px; margin:0; padding:0; outline:0; cursor:pointer; cursor:hand; }

textarea { padding:2px 4px; background:#eff3f3; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border-top:1px solid #576a68; border-bottom:1px solid #fff; margin:3px 0;}
textarea:hover { background:#edf5f4; border-top:1px solid #3f4d4c; }
textarea:focus { background:#fff; border-top:1px solid #3f4d4c; }

select { overflow-x: hidden; overflow-y: auto; border:0; outline:0; background: transparent; font: normal 12px Helvetica, Arial, sans-serif; color:#000; }
select.addinput, .filters select { padding:1px 0; background:#eff3f3; line-height:14px; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border-top:1px solid #576a68; border-bottom:1px solid #fff; margin:3px 0;}
select.addinput:hover, .filters select:hover { background:#edf5f4; border-top:1px solid #333; }
select.addinput:focus, .filters select:focus { background:#fff; border-top:1px solid #333; }

input[type^="file"] { outline:none;	}

input.submit-btn { background:#f60; color:#fff; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border-bottom:1px solid #8f3900; border-top:1px solid #ffd4b7; padding:3px 10px; margin-left:5px; line-height:16px; font-size:12px; font-weight:bold; cursor:pointer; cursor:hand; -khtml-box-shadow: 0px 2px 1px rgba(0,0,0,0.15); -moz-box-shadow: 0px 2px 1px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 2px 1px rgba(0,0,0,0.15); text-shadow: 0px -1px 0px rgba(0,0,0,.2); -webkit-transition: all .2s ease; min-width: 80px; }
input.submit-btn:hover { background:#1e201d; color:#fff; border-bottom:1px solid #000; border-top:1px solid #595e55; text-shadow: none; }
input.submit-btn:active { border-top:1px solid #000; border-bottom:1px solid #1e201d; -khtml-box-shadow: 0px 2px 1px rgba(0,0,0,0); -moz-box-shadow: 0px 2px 1px rgba(0,0,0,0); -webkit-box-shadow: 0px 2px 1px rgba(0,0,0,0); }

input.submit-btn.level2 { background:#666; color:#ccc; border-top:1px solid rgba(255,255,255,.7); border-bottom:1px solid rgba(0,0,0,.5); }
input.submit-btn.level2:hover { background:#1e201d; color:#fff; border-bottom:1px solid #000; border-top:1px solid #595e55; text-shadow: none; }

input.submit-btn.level3 { background:#4ab946; color:#fff; border-top:1px solid rgba(255,255,255,.7); border-bottom:1px solid rgba(0,0,0,.5); }
input.submit-btn.level3:hover { background:#1e201d; color:#fff; border-bottom:1px solid #000; border-top:1px solid #595e55; text-shadow: none; }

.btn-holder { padding:7px 0 7px 0; }

label { font-size: 12px; display: block; line-height: 26px; float: left; text-shadow: 0px 1px 0px rgba(255,255,255,0.7); }
span.no-input { font: normal 14px Helvetica, Arial, sans-serif; color:#000; font-size:12px; text-indent:4px; display:block; line-height:26px; }


/*==================================================================
	MESAJE EROARE
================================================================== */
.message_error, .message_warning, .message_success { display:block; width:360px; position:absolute; top:100px; left:50%; margin:0 0 0 -205px; background-color:#fffec8; border:1px solid #2d3332; padding:5px 10px 6px 40px; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -khtml-box-shadow: 0px 2px 2px rgba(0,0,0,0.3); -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.3); line-height:22px;}

.message_error h3, .message_warning h3, .message_success h3 { padding-left:0; padding-top:0; padding-bottom:5px; margin-bottom:5px; }

.message_error { background: #fffec8 url(../images/ico/ico-form-error.png) 10px 5px no-repeat; }
.message_warning { background: #fffec8 url(../images/ico/ico-form-warning.png) 10px 5px no-repeat; }
.message_success { background: #fffec8 url(../images/ico/ico-form-succes.png) 10px 5px no-repeat; }

#login .message_warning { display:none; top:120px; margin:0 0 0 -210px; padding:15px 15px 15px 40px; background-position:10px 15px; }
#login .message_warning ul { margin:10px 0; }
#login .message_warning a { font-weight:bold; }
#login .message_warning a:hover { border-bottom: 1px dotted #000; }

.form_error { color:#000; line-height:22px; }


/*==================================================================
	MENU / SUBMENU / WRAPPER
================================================================== */
.menu { display: block; width:870px; margin:30px auto 0 auto; padding:0 30px 0 0; }
.menu ul, .menu ul li { display: inline; list-style: none; padding: 0px; margin: 0px; }
.menu ul li a { font-size: 11px; line-height: 34px; font-weight: bold; text-decoration: none; padding: 11px 20px 11px 20px; background:#d1d8d8; color:#1d2121; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; border-top-left-radius:5px; border-top-right-radius:5px; border-top:1px solid rgba(255,255,255,.3); text-shadow: 0px 1px 0px rgba(255,255,255,0.3); text-transform:uppercase; margin-right:1px; -webkit-transition: all .2s ease;  }
.menu ul li:last-child a { margin-right: 0px; }
.menu ul li a.tabactive { background:#1d2121; color:#fff; text-shadow:none; }
.menu ul li a.tabactive:hover { background:#1d2121; color:#fff; text-shadow:none; cursor:default; border-top:1px solid rgba(255,255,255,.3); }
.menu ul li.tablast { float: right;  }
.menu ul li.tablast a { font-size:11px; font-weight:normal; font-size:10px;  }
.menu ul li a:hover { background:#f60; color: #fff; border-top:1px solid #ffcdab; text-shadow: 0px -1px 0px rgba(0,0,0,0.2); }
.menu ul li a img { display:none; }

.submenu { clear: both; display: block; background:#1d2121; padding: 10px 20px; width:860px; margin: 0 auto; border-bottom:1px solid #000; border-top:1px solid rgba(255,255,255,.3); margin-top:-1px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; border-top-right-radius:5px; }
.submenu ul, .submenu ul li { display: inline; list-style: none; padding: 0px; margin: 0px; }
.submenu ul li a { font-size:12px; line-height:16px; font-weight:bold; color:#6a7b7a; text-decoration: none; padding:10px 20px 8px 20px; }
.submenu ul li a img { filter:alpha(opacity=50); -moz-opacity: 0.50; opacity: 0.50; display:none; }
.submenu ul li a img { margin: 0px 5px 0px 0px; }
.submenu ul li:first-child a { padding-left: 0px; border-left: 0px; }
.submenu ul li:first-child a img { filter:alpha(opacity=100); -moz-opacity: 1.00; opacity: 1.00; }
.submenu ul li a.tabactive { text-decoration: none; color: #eee; font-weight: bold; }
.submenu ul li a.tabactive:hover {  color: #eee; cursor:default; }
.submenu ul li a:hover { color: #f60; }
.submenu ul li a:hover img { filter:alpha(opacity=100); -moz-opacity: 1.00; opacity: 1.00; }

.submenu ul li.more { position:relative; z-index:1; }
.submenu ul li a.tabmore { background: url(../images/ico/ico-menu-arrow-down.png) right 15px no-repeat; }
.submenu ul li.more:hover a.tabmore { background: url(../images/ico/ico-menu-arrow-down.gif) right 15px no-repeat; }
.submenu ul li ul.drop { position:absolute; top:20px; left:0; z-index:2; background:#1d2121; width:200px; padding-top:5px; border-bottom:1px solid #000;  -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; border-bottom-left-radius:5px; border-bottom-right-radius:5px; -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.3); -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.3); }
.submenu ul li ul.drop li { margin-bottom:-1px; display:block; }
.submenu ul li ul.drop li a { display:block; border-top:1px solid #1d2121; padding-top:4px; border-bottom:3px; font-size:11px; font-weight:normal; }
.submenu ul li ul.drop li:first-child a { padding-left:20px; }
.submenu ul li ul.drop li a:hover { background:#f60; color:#fff; border-top:1px solid rgba(255,255,255,.3); }
.submenu ul li ul.drop li:last-child a { -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; border-bottom-left-radius:5px; border-bottom-right-radius:5px; }

.wrapper { clear: both; background:#d1d8d8; padding: 0px 30px 30px 30px; width:840px; margin: 0 auto; border-bottom:1px solid rgba(46,48,43,1); -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.3); -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; border-bottom-left-radius:5px; border-bottom-right-radius:5px; }


/*==================================================================
	TOOLBAR
================================================================== */
.toolbar { display: block; clear: both; }

.actions { padding-bottom:5px; }
.actions textarea { width:180px; height:54px; }
.actions a { display: block; color: #2e302b; line-height:22px; text-decoration: none; cursor: pointer; cursor: hand; text-shadow: 0px 1px 0px rgba(255,255,255,0.3); margin-bottom:3px; }
.actions a img { margin-right: 5px; }
.actions a:hover { color: #f60; }
.actions a:hover img, .filters a:hover img, .thumb-options a:hover img { background-color: rgba(255,255,255,0.5); -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }

.fixed { position: fixed; }

.filters { }
.filters span a { display: inline-block; float: none; }
.filters span a:hover { border: 0; }
.filters label { display: block; float:right; padding-right:15px; line-height:26px; }
.filters input { width: 128px; }
.filters input.submit-btn { width:auto; }
.filters select { width: 136px; }

.section-body { border-bottom: 1px dotted #6d7d7c; padding-bottom:5px; }
h3 a.expander, h3 a.info { position:absolute; right:10px; top:10px; display:block; width:22px; height:22px; cursor:pointer; cursor:hand; }


/*==================================================================
	ADMIN TABLE / ADD TABLE
================================================================== */
.admintable { }
.admintable .tind { text-indent:5px; }
.admintable .table-header { font-weight:bold; border-bottom: 1px dotted #6d7d7c; line-height:22px; padding:0 0 10px 0; text-shadow: 0px 1px 0px rgba(255,255,255,0.7); }
.admintable .table-header .table-sorters { visibility:hidden; padding-left:5px; }
.admintable .table-header .table-sorters a.activ { visibility:visible; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; width:22px; height:22px; display:inline-block; }
.admintable .table-header:hover .table-sorters { visibility:visible; padding-left:5px; }
.admintable .table-header:hover .table-sorters a:hover img { background-color: rgba(255,255,255,0.5); -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
.admintable .table-body { }
.admintable .table-body a { font-weight:normal; }
.admintable .table-body .row { line-height:22px; border-bottom: 1px dotted #6d7d7c; padding:3px 0; }
.admintable .table-body .row .options { display:none; }
.admintable .table-body .row.even { }
.admintable .table-body .row.odd { background:#c6cdcd; }

.admintable .table-body .row.odd:hover { background:#bcc3c3 }
.admintable .table-body .row.even:hover { background:#bcc3c3; }
.admintable .table-body .row:hover .options { display:block; line-height:1px; }
.admintable .table-body .row:hover .options span { }
.admintable .table-body .row:hover .options a:hover img { background-color: rgba(255,255,255,0.5); -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
.admintable .table-body .row-header { font-weight:bold; border-bottom: 1px dotted #6d7d7c; padding:10px 0; text-indent:4px; text-shadow: 0px 1px 0px rgba(255,255,255,0.7); margin-top:10px; }

.addtable label { display: block; text-align:right; padding-right:15px; line-height: 26px; float:right; }


/*==================================================================
	SPECIFIC STYLES
================================================================== */
#form-adm-profil input.addinput { width:160px; }
#form-adm-profil select { width:168px; }
#form-adauga-user input.addinput { width:230px; }
#form-adauga-user select { width:238px; }
#form-edit-user input.addinput { width:230px; }
#form-edit-user input.addinput.date-pick { width:100px; margin-right:15px; }
#form-edit-user input.addinput.time-pick { width:100px; }
#form-edit-user textarea { width:440px; height:80px; }
#form-edit-user textarea.mce { height:300px; background:#eff3f3; }
#form-edit-user select { width:238px; }

.preview-pic { display:block; background: #d1d8d8 url(../images/pic-preview.gif) center center no-repeat; border-bottom:1px solid rgba(0,0,0,.3); -khtml-box-shadow: 0px 1px 3px rgba(0,0,0,0.3); -moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.3); margin:10px 0 5px 5px; display:block; float:left; }
.addtable h3 { display: block; font-size: 10px; text-transform:uppercase; letter-spacing:1px; font-weight: normal; border-bottom: 1px dotted #6d7d7c; margin-bottom: 10px; padding:15px 20px 15px 20px; }
/*.addtable img { border-bottom:1px solid rgba(0,0,0,.3); -khtml-box-shadow: 0px 1px 2px rgba(0,0,0,0.3); -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3); -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
.addtable span.helper img, .addtable a.helper img { border-bottom:0; -khtml-box-shadow: 0px 1px 2px rgba(0,0,0,0); -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0); -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0); }*/


/*==================================================================
	LISTA GALERIE
================================================================== */
.lista-thumbs { }
.thumb { display:block; float:left; position:relative; width:185px; height:185px; margin:5px; }
.thumb-pic { display:block; background: #1D2121; width:185px; height:185px; -khtml-box-shadow: 0px 1px 2px rgba(0,0,0,0.3); -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3); -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; text-align:center; display:table-cell; vertical-align:middle; }
.thumb-options { display:none; }
.thumb span.checker { position:absolute; left:7px; bottom:7px; }
.thumb:hover .thumb-options { display:block; position:absolute; bottom:3px; right:2px; }
/*.thumb:hover { width:120px; height:121px; margin-top:-30px; margin-left:-30px; }
.thumb:hover .thumb-pic { width:120px; height:120px; z-index:10; background:yellow; }*/


/*==================================================================
	PAGINARE
================================================================== */
.paginare { text-align: center; border-bottom: 1px dotted #6d7d7c; display:block; position:relative; line-height:22px; padding:10px 0 10px 0; }
.paginare span.counter { position:absolute; left:5px; top:11px; font-size:10px; text-shadow: 0px 1px 0px rgba(255,255,255,0.7); }
.paginare a { padding: 0 5px; font-weight:normal; text-shadow: 0px 1px 0px rgba(255,255,255,0.7); }
.paginare a:hover { text-decoration:none; color:#f60; }
.paginare .prev-next { position:absolute; top:11px; right:5px; }
.paginare .prev-next a { font-size:11px; color:#1d2121; text-shadow: 0px 1px 0px rgba(255,255,255,0.7); }
.paginare .prev-next a:hover { text-decoration:none; }
.paginare .prev-next a.next img { margin:0 2px 0 0;}
.paginare .prev-next a.prev img {margin:0 0 0 2px; }
.paginare .prev-next a.next:hover img { margin:0 0 0 2px; }
.paginare .prev-next a.prev:hover img { margin:0 2px 0 0; }
.currentpage { padding: 0 5px; font-weight:bold; text-shadow: 0px 1px 0px rgba(255,255,255,0.7); }


/*==================================================================
	LOGIN BOX
================================================================== */
.loginbox { display:block; width:400px; margin:80px auto 0 auto; background-color:#c2c5bf; padding:0 30px 30px 30px; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; border-bottom:1px solid rgba(46,48,43,1); -khtml-box-shadow: 0px 2px 2px rgba(0,0,0,0.3); -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.3); }
.loginbox h2 { border-bottom:1px solid #2e302b; margin:0 -30px 20px -30px; background:#839795; padding:20px 30px 20px 30px; color:#1d2121; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; border-top-left-radius:5px; border-top-right-radius:5px; border-top:1px solid rgba(255,255,255,.3); text-shadow: 0px 1px 0px rgba(255,255,255,0.3); }
.loginbox h2 img { display:none; }
.errormess { background-color: #f00; border: 1px solid #b20000; color: #fff; font-weight: bold; text-align: center; padding: 15px; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; margin:10px 0; }
.loginbox label { font-size: 12px; font-weight:bold; display: block; line-height: 36px; width: 30%; float: left; text-shadow: 0px 1px 0px rgba(255,255,255,0.3); }
.loginbox input.addinput { display: block; width: 67%; padding:4px 5px; font-size:14px; }
.loginbox div { margin-top:12px; }
.loginbox div label { font-size:11px; }
.loginbox div input.check { display:inline; }
.loginbox input.submit-btn { padding:10px 15px; }

p.home-descript { font-style:italic; font-size:11px; }


/*==================================================================
	TOOLTIPS
================================================================== */
.you_can { display: block; clear: both; background:#fffec8; padding: 3px 30px; margin:5px 0; text-align: center; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; position:relative; zoom:1; line-height:22px; border:1px solid #2d3332; }
.you_can a.close-btn { position:absolute; right:4px; top:3px; display:block; height:22px; width:22px; }

#tooltip {  }

.admintable #tooltip { max-width:none; }
span.helper { cursor:help; padding-top:3px; display:inline-block; float:left; }
span.helper-img { cursor:default; padding-top:3px; display:inline-block; float:left; }

.tooltip-default { position:absolute; background:#fffec8; border:1px solid #2d3332; padding:5px 10px 6px 10px; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -khtml-box-shadow: 0px 2px 2px rgba(0,0,0,0.3); -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.3); max-width:220px; line-height:16px; overflow:hidden; }
.tooltip-default h3 { font-size:11px; text-transform:none; border-bottom:0; padding:0; margin:0; }
.tooltip-default div.body { padding-top:5px; border-top: 1px dotted #6d7d7c; margin-top:5px; line-height:16px; }
.tooltip-default div.body img { margin-top:5px; margin-bottom:5px; border-bottom:1px solid rgba(0,0,0,.3); -khtml-box-shadow: 0px 1px 2px rgba(0,0,0,0.3); -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3); }
.tooltip-default div.body small { min-width:140px; display:block; border-top: 1px dotted #6d7d7c; margin-top:5px; padding-top:5px; line-height:14px; }
.tooltip-img { position:absolute; background:#fffec8; border:1px solid #2d3332; padding:5px; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -khtml-box-shadow: 0px 2px 2px rgba(0,0,0,0.3); -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.3); line-height:16px; overflow:hidden; }
.tooltip-img h3 { border-bottom:0; padding:0; margin:0; }
.tooltip-img h3 img {  }
.tooltip-img div.body { }

a.prev-pic { line-height:22px; float:left; margin:3px 0 0 30px;  }


/*==================================================================
	FOOTER
================================================================== */
.footer { text-align: center; font-family: Helvetica, Arial, sans-serif; padding: 10px; font-size: 10px; }
.footer a { color: #333333; text-decoration: underline; }
.footer a:hover { text-decoration: none; }

a.adworks { background: url(../images/adworks-stripe.png) 0 -156px no-repeat scroll; position:absolute; top:0px; right:30px; height:61px; width:34px; text-indent:-9999px;  -webkit-transition: all 1s ease; }
a.adworks:hover { background-position: 0 -62px; height:218px; }
a.adworks span { display:block; width:34px; height:18px; background: url(../images/adworks-stripe-shadow.png) 0 0 no-repeat scroll; position:absolute; top:0; right:0; }


/*==================================================================
	DATEPICKER 
================================================================== */
input.date-pick {  }

table.jCalendar { border-collapse: separate; border-spacing:1px; }
table.jCalendar th { background: #1d2121; border: 1px solid #1d2121; color: #fff; font-weight: bold; padding: 6px 7px; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;  }

table.jCalendar td { background: #c6cdcd; border: 1px solid #c6cdcd; color: #000; padding: 6px 7px; text-align: center; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;  }
table.jCalendar td.other-month, table.jCalendar td.weekend.other-month { background: #ddd; color: #aaa; }
table.jCalendar td.today { background: #f60; border: 1px solid #f60; color: #fff; border-top: 1px solid rgba(0,0,0,.4); border-bottom:1px solid rgba(255,255,255,.9); }
table.jCalendar td.selected { background: #4ab946; border: 1px solid #4ab946; color: #fff; border-top: 1px solid rgba(0,0,0,.4); border-bottom:1px solid rgba(255,255,255,.9); }
table.jCalendar td.selected.dp-hover { background: #4ab946; border: 1px solid #4ab946; color: #fff; border-top: 1px solid rgba(0,0,0,.4); border-bottom:1px solid rgba(255,255,255,.9); }
table.jCalendar td.weekend { color:#000; background:#bcc3c3; border:1px solid #bcc3c3; }
table.jCalendar td.dp-hover,
table.jCalendar tr.activeWeekHover td,
table.jCalendar td.weekend.other-month.dp-hover { background: #839795; border:1px solid #839795; color: #fff; border-top: 1px solid rgba(0,0,0,.4); border-bottom:1px solid rgba(255,255,255,.9); }
table.jCalendar tr.selectedWeek td { background: #f66; color: #fff; }
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover { background: #bbb; color: #888; }
table.jCalendar td.unselectable,
table.jCalendar td.unselectable:hover,
table.jCalendar td.unselectable.dp-hover { background: #bbb; color: #888; }

/* For the popup */
/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

div.dp-popup { position: relative; background: #d1d8d8; font-size: 11px; font-family: Helvetica, Arial, sans-serif; padding: 5px 10px 10px 10px; width: 203px; line-height: 1.2em; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -khtml-box-shadow: 0px 2px 3px rgba(0,0,0,0.3); -moz-box-shadow: 0px 2px 3px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 2px 3px rgba(0,0,0,0.3); border-bottom: 1px solid rgba(0,0,0,.4); border-top:1px solid rgba(255,255,255,.3); }
div#dp-popup { position: absolute; z-index: 199; }
div.dp-popup h2 { font-size: 12px; color:#000; text-align: center; height:22px; line-height:22px; margin-bottom:3px; padding: 0; text-shadow: 0px 1px 0px rgba(255,255,255,0.7); }
a#dp-close { display:none; font-size: 10px; padding: 5px 0; color:#303b3a; text-align: left; display: block; }
a#dp-close:hover { text-decoration: underline; }
div.dp-popup a { color: #000; text-decoration: none; padding: 3px 2px 0; }
div.dp-popup div.dp-nav-prev { position: absolute; top: 2px; left: 4px; width: 100px; }
div.dp-popup div.dp-nav-prev a { float: left; }
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a { cursor: pointer; }
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled { cursor: default; }
div.dp-popup div.dp-nav-next { position: absolute; top: 2px; right: 4px; width: 100px; }
div.dp-popup div.dp-nav-next a { float: right; }
div.dp-popup a.disabled { cursor: default; color: #aaa; }
div.dp-popup td { cursor: pointer; }
div.dp-popup td.disabled { cursor: default; }

.dp-nav-prev-year, .dp-nav-next-year, .dp-nav-prev-month, .dp-nav-next-month { width:22px; height:22px; display:inline-block; display:-moz-inline-stack; text-indent:-9999px; }
.dp-nav-prev-year { background: url(../images/ico/ico-prev-big.png) 2px 2px no-repeat scroll; }
.dp-nav-next-year { background: url(../images/ico/ico-next-big.png) 2px 2px no-repeat scroll; }
.dp-nav-prev-month { background: url(../images/ico/ico-prev.png) 2px 2px no-repeat scroll; }
.dp-nav-next-month { background: url(../images/ico/ico-next.png) 2px 2px no-repeat scroll; }
.dp-nav-prev-year:hover, .dp-nav-next-year:hover, .dp-nav-prev-month:hover, .dp-nav-next-month:hover { background-color: rgba(255,255,255,0.5); -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }

.dp-nav-prev-year.disabled, .dp-nav-next-year.disabled, .dp-nav-prev-month.disabled, .dp-nav-next-month.disabled { filter:alpha(opacity=30); -moz-opacity: 0.3; opacity: 0.3; cursor: default; }
.dp-nav-prev-year.disabled:hover, .dp-nav-next-year.disabled:hover, .dp-nav-prev-month.disabled:hover, .dp-nav-next-month.disabled:hover { background-color: rgba(255,255,255,0); }


/* located in demo.css and creates a little calendar icon
 * instead of a text link for "Choose date"
 */
a.dp-choose-date { position:absolute; top:0; left:87px; width: 16px; height: 16px; padding: 0; margin: 5px 3px 0; display: block; text-indent: -9999px; overflow: hidden; background: url(../images/ico/ico-calendar-16.png) 0 0 no-repeat; }
a.dp-choose-date.dp-disabled { filter:alpha(opacity=30); -moz-opacity: 0.3; opacity: 0.3; cursor: default; }
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied { width: 140px; float: left; }

.progressContainer { }
.progressBarStatus { /*background:#d1d8d8; height:10px; border-bottom:1px solid #576a68; border-top:1px solid #fff; display:block; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; padding:1px;*/ font-size:10px; padding:5px 0; }
.progressBarStatus span { float:right; color:#666; }
.progressBarInProgress { 
	background-color:#4ab946; display:block; z-index:100; height:8px;
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.5), inset 0 -1px 0 rgba(0,0,0,.5);
	-moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;
	}
.progressName { padding-bottom:15px; display:block; border-bottom:1px dotted #6d7d7c; }
.progressName span { float:right; color:#666; }
a.progressCancel { display:none; }

.history-box { margin-top:8px; padding-top:8px; margin-bottom:8px; border-top:1px dotted #6d7d7c; background:rgba(0,0,0,.05); }
.history-field { margin-bottom:8px; }
.history-field span { background:#e8e8e8; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border-top:1px solid #9da4a3; border-bottom:1px solid #f0eeee; padding:3px 5px; display:inline-block; margin-right:8px; max-width:438px; }
.history-user { margin-bottom:8px; padding-bottom:8px; border-bottom:1px dotted #6d7d7c; }
.history-user:last-child { margin-bottom:0; }

.hide { display:none; }


/*==================================================================
	DATEPICKER 
================================================================== */
#jquery-overlay {position: absolute;top: 0;left: 0;z-index: 90;width: 100%;height: 600px;}
#jquery-lightbox {position: absolute;top: 0;left: 0;width: 100%;z-index: 100;text-align: center;line-height: 0; margin-top:10%;}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {position:relative; width:300px; height:300px; margin:0 auto; background:#d1d8d8; padding:0; /*-moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;*/ -khtml-box-shadow: 0px 3px 5px rgba(0,0,0,0.4); -moz-box-shadow: 0px 3px 5px rgba(0,0,0,0.4); -webkit-box-shadow: 0px 3px 5px rgba(0,0,0,0.4); /*border-bottom: 1px solid rgba(0,0,0,.4); border-top:1px solid rgba(255,255,255,.3);*/ }
div#dp-popup { position: absolute; z-index: 199;}
#lightbox-container-image { padding: 0px; }
#lightbox-loading {position: absolute;top: 45%;left: 0%;height: 25%;width: 100%;text-align: center;line-height: 0;}
#lightbox-nav {position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 10;}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {width: 49%;height: 100%;zoom: 1;display: block;}
#lightbox-nav-btnPrev { left: 0; float: left;}
#lightbox-nav-btnNext { right: 0; float: right;}
#lightbox-container-image-data-box {font: 10px Verdana, Helvetica, sans-serif;background-color: #fff;margin: 0 auto;line-height: 1.4em;overflow: auto;width: 100%;padding: 0 10px 0;}
#lightbox-container-image-data {padding: 0 10px; color: #666; }
#lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; display:none; }	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {display: block; clear: left; padding-bottom: 1.0em;	}			
#lightbox-secNav-btnClose { position:absolute; top:10px; right:10px; width:16px; height:16px; background: url(../images/ico/ico-lightbox-close.png) 0 0 no-repeat; }
#lightbox-secNav-btnClose:hover { background: url(../images/ico/ico-lightbox-close.png) 0 bottom no-repeat; z-index:1000; }
#lightbox-secNav-infoimg { display:block; width:29px; height:19px; position:absolute; bottom:10px; left:10px; background: url(../images/ico/ico-keys.png) 0 0 no-repeat; }

.movable_picture_div { position: absolute; display: block; min-width: 16px; min-height: 16px; border: 1px dashed red; }

/*==================================================================
	PHOTO EDIT
================================================================== */
#photo-container { position: relative; width: 830px; height: 830px; display: block; border: 0px; overflow: scroll; }
#resizable { background: none repeat scroll 0 0 silver; float: left; height: 100px; left: 0; opacity: 0.4; position: absolute; top: 0; border:1px solid; width: 100px; z-index: 100; display: none; }


/*==================================================================
	MULTIPLE UPLOAD 
================================================================== */
.multiple-upload { padding:2px 4px; background:#eff3f3; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border-top:1px solid #576a68; border-bottom:1px solid #fff; margin:3px 0; width:230px; }
.multiple-upload-btn { background:#f60; color:#fff; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border-bottom:1px solid #8f3900; border-top:1px solid #ffd4b7; padding:3px 5px; margin-left:0px; line-height:16px; font-size:12px; font-weight:bold; cursor:pointer; cursor:hand; -khtml-box-shadow: 0px 2px 1px rgba(0,0,0,0.15); -moz-box-shadow: 0px 2px 1px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 2px 1px rgba(0,0,0,0.15); text-shadow: 0px -1px 0px rgba(0,0,0,.2); width:228px; }