/*----------------------------------------------------------------------*/
/* colors
/* #f0a8a8 #f0cccc red
/* #a2e8a2 #c5e8c5 green
/* #e8e8a2 #e8e8c5 yellow
/* #a8f0f0 #ccf0f0 blue
/* #f0a8f0 #f0ccf0 pink
/* #aea8f0 #cfccf0 purple
/*
/* contrast color #bada55
/*----------------------------------------------------------------------*/

/*----------------------------------------------------------------------*/
/* Imports
/*----------------------------------------------------------------------*/

@import 'jquery-ui.css';
@import 'jquery.miniColors.css';
@import 'jquery.tipsy.css';
@import 'jquery.uniform.css';
@import 'jquery.wysiwyg.css';
@import 'jquery.fullcalendar.css';
@import 'jquery.elfinder.css';
@import 'jquery.fancybox.css';
@import 'jquery.datatables.css';



/* Datatables starts */
tr.odd td.sorting_1 {
	background-color: rgba(0, 0, 0, 0);
}

tr.odd td.sorting_2 {
	background-color: rgba(0, 0, 0, 0);
}

tr.odd td.sorting_3 {
	background-color: rgba(0, 0, 0, 0);
}

tr.even td.sorting_1 {
	background-color: rgba(0, 0, 0, 0);
}

tr.even td.sorting_2 {
	background-color: rgba(0, 0, 0, 0);
}

tr.even td.sorting_3 {
	background-color: rgba(0, 0, 0, 0);
}
/* Datatables ends */


input, textarea {
    border: 1px solid;
    border-radius: 4px;
    margin: 0 1px;
    padding: 4px 2px;
/*    width: 99%;*/
}
textarea, input {
    color: #6F6F6F;
}
input, textarea {
    background-color: #FFFFFF;
    border-color: #BBBBBB;
}
input, textarea, input:invalid, input:required, textarea:required {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) inset;
}
input, textarea {
    margin: 0 0.5%;
/*    width: 97.5%;*/
}
textarea {
    width: 97.5%;
}
form input, form textarea {
    font-size: 13px;
    padding: 6px 2px;
}
form div input {
}
input, textarea, input:invalid, input:required, textarea:required {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) inset;
}
input[type="text"], input[type="email"],input[type="number"], input[type="password"] {
    height: 12px;
    width: 250px;
}



/*----------------------------------------------------------------------*/
/* jQuery UI mods
/*----------------------------------------------------------------------*/
.ui-widget-header a, .ui-accordion-header a{
	color:#444444;
	text-shadow:0 0 1px #FFFFFF;
}
.ui-widget-header{
	border-top-color:#FFFFFF !important;
	border-bottom-color:#AAAAAA !important;
	margin:0;
}
/*.ui-widget-overlay{
	background-image:url(images/paper_02.png);
	background-color:#333333;
}*/
.ui-state-default a{
	border-top-color:#FFFFFF !important;
}
.ui-slider-range.ui-widget-header{
	background-color:#333333;
	background-image:url(../images/bg/01.png);
}
.ui-slider{
	border-color:#AAAAAA !important;
	background-color:#f6f6f6;
	background-image:url(images/paper_02.png);
	-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.3);
	-moz-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.3);
	box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.3);
}
.ui-slider .ui-slider-handle{
	border-color:#AAAAAA !important;
	background-image:url(images/slider_handler.png);
	-webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.1);
	-moz-box-shadow:0 0 3px rgba(0, 0, 0, 0.1);
	box-shadow:0 0 1px rgba(0, 0, 0, 0.1);
}

/*----------------------------------------------------------------------*/
/* Pageoptions
/*----------------------------------------------------------------------*/

#pageoptions h1, #pageoptions h2,#pageoptions h3, #pageoptions h4, #pageoptions h5, #pageoptions h6{
	text-shadow:0 2px 0 #000000;
	color:#f1f1f1;
}
#pageoptions ul li a{
	color:#999999;
}
#pageoptions ul li a:hover, #pageoptions ul li a.active{
	color:#f1f1f1;
	background-color:#2e2e33;
}
#pageoptions > div{
	color:#f1f1f1;
	background-color:#2e2e33;
	-webkit-box-shadow:inset 0 2px 1px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:inset 0 2px 1px rgba(0, 0, 0, 0.5);
	box-shadow:inset 0 2px 1px rgba(0, 0, 0, 0.5);
}

/*----------------------------------------------------------------------*/
/* Header
/*----------------------------------------------------------------------*/


#searchbox{
	border-color:#d7d7d7 #c2c2c2 #c2c2c2 #d7d7d7;
}
form#searchform input#search{
	color:#353535;
	text-shadow:0px 1px 0 #ffffff;
	border-top-color:#ffffff;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	
	background:#f1f1f1;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f1f1', endColorstr='#e8e8e8');
	background:-webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#e8e8e8));
	background:-moz-linear-gradient(top,  #f1f1f1,  #e8e8e8);
	background:-o-linear-gradient(top,  #f1f1f1,  #e8e8e8);
}
form#searchform input#search:hover{
	background:#f6f6f6;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#f1f1f1');
	background:-webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#f1f1f1));
	background:-moz-linear-gradient(top,  #f6f6f6,  #f1f1f1);
	background:-o-linear-gradient(top,  #f6f6f6,  #f1f1f1);
}
form#searchform input#search:focus{
	-webkit-box-shadow:inset 0 2px 1px rgba(0, 0, 0, 0.3);
	-moz-box-shadow:inset 0 2px 1px rgba(0, 0, 0, 0.3);
	box-shadow:inset 0 2px 1px rgba(0, 0, 0, 0.3);
	background:#ffffff;
	filter:none;
}

/*----------------------------------------------------------------------*/
/* Breadcrumb
/*----------------------------------------------------------------------*/


.breadcrumb li a{
	color:#999999;
	text-shadow:0 1px 0 #ffffff;
	border-color:#eeeeee #dddddd #dddddd #dddddd;
	background-image:url(images/breadcrumb.png);
}
.breadcrumb li:first-child a{
	border-left-color:#dddddd;
}
.breadcrumb li:last-child a{
}
.breadcrumb.disabled li a:hover{
	color:#999999;
}
.breadcrumb li a.previous{
	color:#aaaaaa;
}
.breadcrumb.disabled li a.previous:hover{
	color:#aaaaaa;
}
.breadcrumb li a:hover{
	color:#777777;
}
.breadcrumb li a:active, .breadcrumb li a.active, .breadcrumb.disabled li a.active:hover{
	color:#555555;
	text-shadow:0 0 1px #ffffff;
}

/*----------------------------------------------------------------------*/
/* Gallery
/*----------------------------------------------------------------------*/

.gallery{
	border-color:#CCCCCC #E7E7E7 #FFFFFF #E7E7E7;
	background-image:url(images/paper_02.png);
}
.gallery .sortable_placeholder{
	background-color:#f6f6f6;
	background-image:url(images/paper_02.png);
}

.gallery li{
	border-color:#FFFFFF #E7E7E7 #CCCCCC #E7E7E7;
	background-image:url(images/paper_01.png);
}
.gallery li > a{
	background-image:url(images/loading.gif);
}
.gallery li img{
}
.gallery li span{
	background-color:#2e2e33;
	border-top-color:#666666;
	-webkit-box-shadow:0 -1px 0 #2e2e33;
	-moz-box-shadow:0 -1px 0 #2e2e33;
	box-shadow:0 -1px 0 #2e2e33;
}
.gallery li > a span a{
	color:#ffffff;
}
.gallery li a span a.edit{
	background-image:url(../images/icons/light/pencil.png);
}
.gallery li a span a.delete{
	background-image:url(../images/icons/light/cross.png);
}

/*----------------------------------------------------------------------*/
/* Message Box
/*----------------------------------------------------------------------*/

#wl_msg {
    position: absolute;
    right: 25px;
    top: 90px;
    width: 300px;
    z-index: 15;
}
#wl_msg .msg-box, #wl_msg .msg-box-close{
	border-color:#e1e1e1;
	color:#f1f1f1;
	
	background:#202020;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#202020', endColorstr='#151515');
	background:-webkit-gradient(linear, left top, left bottom, from(#202020), to(#151515));
	background:-moz-linear-gradient(top,  #202020,  #151515);
	background:-o-linear-gradient(top,  #202020,  #151515);
}
#wl_msg .msg-box-close{
}
#wl_msg .msg-box-close:hover{
	background-color:#e1e1e1;
	color:#2e2e33;
}
#wl_msg .msg-box h3 {
    border-bottom: 1px solid;
    float: left;
    font-size: 14px;
    line-height: 30px;
    margin: 0;
    padding-left: 8px;
    width: 264px;
}
#wl_msg .msg-box h3, #wl_msg .msg-close{
    height: 28px;
}
#wl_msg .msg-box h3, #wl_msg .msg-close{
	color:#f1f1f1;
	text-shadow:0 1px 0 #111111;
	background:#202020;
}
#wl_msg .msg-box h3{
	border-bottom-color:#555555;
}
#wl_msg .msg-close {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    border-bottom: 1px solid;
    border-left: 1px solid;
    display: block;
    float: right;
    line-height: 1px;
    padding: 0;
    text-indent: -9999px;
    width: 25px;
}
#wl_msg .msg-close{
	border-left-color:#555555;
	border-bottom-color:#555555;
	background-image:url(../images/icons/light/cross.png);
        cursor: pointer;
}
#wl_msg .msg-close:hover{
	background-image:url(../images/icons/dark/cross.png);
	background-color:#e1e1e1;
}
#wl_msg .msg-content {
    clear: both;
    padding: 10px;
    font-size: 15px;
}
#wl_msg .msg-content{
}
/*----------------------------------------------------------------------*/
/* Alert Boxes
/*----------------------------------------------------------------------*/

div.alert{
	border-color:#c7c7c7 #b2b2b2 #b2b2b2 #c7c7c7;
	text-shadow:0 1px 0 rgba(255,255,255,0.4);
	color:#555;
	background-color:#e6e6e6;
	-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.6), inset 0 2px 5px rgba(255, 255, 255, 0.5), inset 0 -2px 8px rgba(0, 0, 0, 0.1);
	-moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.6), inset 0 2px 5px rgba(255, 255, 255, 0.5), inset 0 -2px 8px rgba(0, 0, 0, 0.1);
	box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(255, 255, 255, 0.1), inset 0 -2px 8px rgba(0, 0, 0, 0.1);
/*	margin:9px 0;*/
}
div.alert:hover{
	border-color:#b2b2b2;
}
div.alert a{
	color:#777777;
}
div.alert a:hover{
	color:#444444;
}

div.alert.red{
	background-color:#f0a8a8;
}
div.alert.red:hover{
	background-color:#f0cccc;
}
div.alert.warning{
    background-color:#fffc17;
}
div.alert.warning:hover{
    background-color:#E6E315;
}

div.alert.green, div.alert.success{
	background-color:#a2e8a2;
}
div.alert.green:hover, div.alert.success:hover{
	background-color:#c5e8c5;
}
div.alert.yellow, div.alert.note{
	background-color:#e8e8a2;
}
div.alert.yellow:hover, div.alert.note:hover{
	background-color:#e8e8c5;
}
div.alert.blue, div.alert.info{
	background-color:#a8f0f0;
}
div.alert.blue:hover, div.alert.info:hover{
	background-color:#ccf0f0;
}
div.alert.pink{
	background-color:#f0a8f0;
}
div.alert.pink:hover{
	background-color:#f0ccf0;
}
div.alert.purple{
	background-color:#aea8f0;
}
div.alert.purple:hover{
	background-color:#cfccf0;
}

div.alert.warning{
	background-image:url(../images/icons/dark/alert.png);
}
div.alert.red{
	background-image:url(../images/icons/dark/alert.png);
}
div.alert.success{
	background-image:url(../images/icons/dark/tick.png);
}
div.alert.note{
	background-image:url(../images/icons/dark/light_bulb.png);
}
div.alert.info{
	background-image:url(../images/icons/dark/information.png);
}
/*----------------------------------------------------------------------*/
/* Form Elements
/*----------------------------------------------------------------------*/

pre{
	-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.1);
	-moz-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1);
	box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1);
}
pre, code{
	background-image:url(images/paper_02.png);
	background-color:#f1f1f1;
	border-color:#bbbbbb;
}
pre code{
	background-image:url(images/code_lines.png);
}

/*input,textarea{
	background-color:#ffffff;
	border-color:#bbbbbb;
}*/
input.placeholder,textarea.placeholder{
	color:#cccccc;
}
input.error{
	color:#c49090;
}
/*input, textarea, input:invalid, input:required, textarea:required{
	-webkit-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.2);
	box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.2);
}*/
input:hover,input:focus,textarea:hover,textarea:focus{
	-webkit-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.2), 0 0 3px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.2), 0 0 3px rgba(0, 0, 0, 0.2);
	box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.2), 0 0 3px rgba(0, 0, 0, 0.2);
}

select optgroup, select option{
	color:#555555;
}
select option{
	border-color:#ffffff #f7f7f7 #dddddd #f7f7f7;
}
form{/*
	border-color:#cccccc #e7e7e7 #ffffff #e7e7e7;
	background-image:url(images/paper_02.png);*/
}
form .wl_formstatus{
	color:#990000;
}
form section.required label:after{
	content:url(images/required.png);
}

form fieldset
{
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color;
    border-image: none;
    border-radius: 4px;
    border-style: solid solid none;
    border-width: 1px 1px 0;
    margin: 18px 4px 4px;
    padding: 0;
}
form fieldset
{
    border-color: #DDDDDD #E7E7E7 #BBBBBB;
}

form label {
    border-top: 1px solid;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    display: block;
    font-size: 16px;
    font-weight: 700;
    margin: 0;
    padding: 15px 10px;
}
form label {
    border-top-color: #FFFFFF;
    color: #444444;
    text-shadow: 0 1px 0 #FFFFFF;

    background:#f1f1f1;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f1f1', endColorstr='#e8e8e8');
    background:-webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#e8e8e8));
    background:-moz-linear-gradient(top,  #f1f1f1,  #e8e8e8);
    background:-o-linear-gradient(top,  #f1f1f1,  #e8e8e8);
}
form label {
    padding: 7px 10px;
}

form fieldset > section {
    border-bottom: 1px solid;
    border-top: 1px solid;
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
form fieldset > section {

    border-bottom-color: #E7E7E7;
    border-top-color: #FFFFFF;

    background:#f6f6f6;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#f1f1f1');
    background:-webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#f1f1f1));
    background:-moz-linear-gradient(top,  #f6f6f6,  #f1f1f1);
    background:-o-linear-gradient(top,  #f6f6f6,  #f1f1f1);
}
form fieldset > section {
    margin: 0;
    padding: 0;
}

form fieldset > section > div {
    border-left: 1px solid;
    float: right;
    height: 100%;
    min-height: 100%;
    padding: 15px 1%;
    width: 78%;
}
form fieldset > section > div{
	border-left-color:#e7e7e7;
}
form fieldset > section > div {
    padding: 7px 1%;
}

form fieldset > section > div span{
}
form fieldset > section.error{
	background:#f0cccc;
	border-bottom-color:#f0cccc;
	filter:none;
}
form fieldset > section.error > label{
	text-shadow:none;
}
form fieldset > section label {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    cursor: pointer;
    filter: none;
    float: left;
    font-size: 13px;
    font-weight: 100;
    margin: 0 0 0 8px;
    padding-left: 2px;
    text-align: left;
    width: 16%;
}
form fieldset > section label{
}
form fieldset > section > div label {
    border-radius: 0;
    display: inline-block;
    float: none;
    font-size: 11px;
    line-height: 1.5;
    margin: 0;
    padding: 0;
    position: relative;
    top: -5px;
    width: auto;
}
div.passwordstrength {
    border-radius: 4px;
    font-size: 12px;
    margin: 3px 1px;
    padding: 5px 3px;
    text-align: center;
    width: 150px;
}
div.passwordstrength{
	text-shadow:0 1px 0 #dddddd;
	-webkit-box-shadow:inset 0 0 5px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:inset 0 0 5px rgba(0, 0, 0, 0.5);
	box-shadow:inset 0 0 5px rgba(0, 0, 0, 0.5);
}
div.passwordstrength.s_1{background-color:#f0a8a8;}
div.passwordstrength.s_2{background-color:#f0d2b5;}
div.passwordstrength.s_3{background-color:#e8e8a2;}
div.passwordstrength.s_4{background-color:#a8f0f0;}
div.passwordstrength.s_5{background-color:#a2e8a2;}

/*----------------------------------------------------------------------*/
/* jQuery Checkbox
/*----------------------------------------------------------------------*/
.jquery-checkbox, .jquery-checkbox span  { display: inline; font-size: 16px; line-height: 16px; cursor: pointer;}
.jquery-checkbox span.checkboxplaceholder {
	vertical-align:baseline;
	padding:2px 12px 0px;
	line-height:8px;
	background-repeat:no-repeat;
}
.jquery-checkbox span.checkboxplaceholder {
	background-image:url(../dark/images/checkbox.png);
}
.jquery-checkbox.checkbox span.checkboxplaceholder{
	background-position: 0px 0px;
}
.jquery-checkbox.checkbox .hover span.checkboxplaceholder{
	background-position: 0px -26px;
}
.jquery-checkbox.checkbox .hover.pressed span.checkboxplaceholder{
	background-position: 0px -51px;
}
.jquery-checkbox.checkbox.checked span.checkboxplaceholder{
	background-position: 0px -77px;
}
.jquery-checkbox.checkbox.checked .hover span.checkboxplaceholder {
	background-position: 0px -102px;
}
.jquery-checkbox.checkbox.checked .hover.pressed span.checkboxplaceholder {
	background-position: 0px -128px;
}
.jquery-checkbox.checkbox .disabled span.checkboxplaceholder{
	background-position: 0px -153px !important;
	cursor:auto;
}
.jquery-checkbox.checkbox.checked .disabled span.checkboxplaceholder{
	background-position: 0px -179px !important;
	cursor:auto;
}
.jquery-checkbox.radio span.checkboxplaceholder{
	background-position: -26px 0px;
}
.jquery-checkbox.radio .hover span.checkboxplaceholder{
	background-position: -26px -26px;
}
.jquery-checkbox.radio .hover.pressed span.checkboxplaceholder{
	background-position: -26px -51px;
}
.jquery-checkbox.radio.checked span.checkboxplaceholder{
	background-position: -26px -77px;
}
.jquery-checkbox.radio.checked .hover span.checkboxplaceholder {
	background-position: -26px -102px;
}
.jquery-checkbox.radio.checked .hover.pressed span.checkboxplaceholder {
	background-position: -26px -128px;
}
.jquery-checkbox.radio .disabled span.checkboxplaceholder{
	background-position: -26px -153px !important;
	cursor:auto;
}
.jquery-checkbox.radio.checked .disabled span.checkboxplaceholder{
	background-position: -26px -179px !important;
	cursor:auto;
}
/*----------------------------------------------------------------------*/
/* jQuery Checkbox
/*----------------------------------------------------------------------*/

.jquery-checkbox span.checkboxplaceholder {
    background-repeat: no-repeat;
    line-height: 8px;
    padding: 2px 12px 0;
    vertical-align: baseline;
}
.jquery-checkbox span.checkboxplaceholder {
    background-image: url("dark/images/checkbox.png");
}
.jquery-checkbox span.checkboxplaceholder {
    background-image: url("images/checkbox.png");
}
.jquery-checkbox.radio span.checkboxplaceholder {
    background-position: -26px 0;
}
.jquery-checkbox.radio.checked span.checkboxplaceholder {
    background-position: -26px -77px;
}

/*----------------------------------------------------------------------*/
/* File Upload
/*----------------------------------------------------------------------*/

div.fileuploadui{
}
div.fileuploadui a{
}
ul.fileuploadpool{
	border-color:#ffffff;
	background-image:url(images/paper_02.png);
	-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.5);
	box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.5);
}
ul.fileuploadpool.drop{
	background-image:url(images/dragndrop.png),url(images/paper_02.png);
}
ul.fileuploadpool.single{
}
ul.fileuploadpool li{
	border-color:#FFFFFF #E7E7E7 #CCCCCC #E7E7E7;
	background-color:#f6f6f6;
}
ul.fileuploadpool li.error{
	background-color:#f0cccc;
}
ul.fileuploadpool li .name{
}
ul.fileuploadpool li a{
}
ul.fileuploadpool li a:hover{
}
ul.fileuploadpool li a.cancel{
	background-image:url(../images/icons/dark/cross.png);
}
ul.fileuploadpool li a.remove{
	background-image:url(../images/icons/dark/cross.png);
}
ul.fileuploadpool li .progress{
	background-color:#f0a8a8;
	background-image:url(images/upload.gif);
}
ul.fileuploadpool li.success .progress{
	background-color:#a2e8a2;
	background-image:none;
}
div.uploader span.action
{
    font-weight: normal;
}

/*----------------------------------------------------------------------*/
/* Comboselect
/*----------------------------------------------------------------------*/
div.comboselectbox{
	display:block;
	clear:both;
	min-height:100px;
}
div.comboselectbox div.combowrap{
	-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
	float:left;
	border:1px solid;
	-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
	max-width:42%;
	width:260px;
	height:99%;
	padding:1% 1% 0 0;
}
div.comboselectbox ul.comboselect{
	overflow:auto;
	height:99%;
}
div.comboselectbox.searchable div.combowrap:first-child ul.comboselect{
	height:79%;
}
div.comboselectbox.searchable div.combowrap:first-child input{
	margin:1% 2% 2% 2%;
	width:96%;
}
div.comboselectbox ul.comboselect li{
	display:block;
	margin:0;
	list-style-type:none;
	float:left;
	border:1px solid;
	margin:1px 6% 1px 2%;
	width:92%;
	-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
}
div.comboselectbox ul.comboselect li.hidden{
	display:none;
}
div.comboselectbox ul.comboselect li a{
	font-size:11px;
	padding:3px;
	float:left;
	width:75%;
	cursor:pointer;
	text-decoration:none;
	cursor:pointer;
}
div.comboselectbox ul.comboselect.ui-sortable li.selected a{
	cursor:n-resize;
}
div.comboselectbox ul.comboselect li a.add, div.comboselectbox ul.comboselect li a.remove{
	float:right;
	display:block;
	width:18px;
	height:18px;
	text-indent:-9999px;
	background-position:center center;
	background-repeat:no-repeat;
	cursor:pointer;
}
div.comboselectbox ul.comboselect li.used a{
	text-decoration:line-through;
}
div.comboselectbox ul.comboselect li.selected{
}
div.comboselectbox div.comboselectbuttons{
	max-width:9%;
	height:99%;
	width:30px;
	float:left;
	padding:0 3px;
}
div.comboselectbox div.comboselectbuttons a{
	padding:3px;
	line-height:20px;
	font-size:20px;
	width:18px;
	height:18px;
	margin:0 2px;
	background-position:center center;
	background-repeat:no-repeat;
	display:inline-block;
}
div.comboselectbox div.comboselectbuttons a.add{
}
div.comboselectbox div.comboselectbuttons a.remove{
}
div.comboselectbox div.comboselectbuttons a.addall{
}
div.comboselectbox div.comboselectbuttons a.removeall{
}
@media screen and (max-width:700px){
	div.comboselectbox div.combowrap{
		max-width:98%;
		width:98%;
		height:40%;
		float:none;
	}
	div.comboselectbox.searchable div.combowrap:first-child ul.comboselect{
		height:40%;
	}
	div.comboselectbox div.comboselectbuttons{
		text-align:center;
		max-width:98%;
		width:98%;
		float:none;
		height:30px;
	}
}
/*----------------------------------------------------------------------*/
/* Comboselect
/*----------------------------------------------------------------------*/

div.comboselectbox div.combowrap{
	border-color:#FFFFFF #E7E7E7 #CCCCCC #E7E7E7;
	background-image:url(images/paper_02.png);
	-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.5);
	box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.5);
}
div.comboselectbox ul.comboselect li{
	border-color:#FFFFFF #E7E7E7 #CCCCCC #E7E7E7;
	background-color:#f6f6f6;
}
div.comboselectbox ul.comboselect li:hover a{
	color:#111;
}
div.comboselectbox ul.comboselect li a.add{
	background-image:url(../images/icons/dark/plus.png);
}
div.comboselectbox ul.comboselect li a.remove{
	background-image:url(../images/icons/dark/cross.png);
}
div.comboselectbox ul.comboselect li.used a{
	color:#ccc;
}
div.comboselectbox ul.comboselect li.selected{
	background-color:#efefef;
}
div.comboselectbox div.comboselectbuttons a.add{
	background-image:url(../images/icons/dark/triangle_right.png);
}
div.comboselectbox div.comboselectbuttons a.remove{
	background-image:url(../images/icons/dark/triangle_left.png);
}
div.comboselectbox div.comboselectbuttons a.addall{
	background-image:url(../images/icons/dark/triangle_double_right.png);
}
div.comboselectbox div.comboselectbuttons a.removeall{
	background-image:url(../images/icons/dark/triangle_double_left.png);
}

@media screen and (max-width:700px){
	div.comboselectbox div.comboselectbuttons a.add{
		background-image:url(../images/icons/dark/triangle_down.png);
	}
	div.comboselectbox div.comboselectbuttons a.remove{
		background-image:url(../images/icons/dark/triangle_up.png);
	}
	div.comboselectbox div.comboselectbuttons a.addall{
		background-image:url(../images/icons/dark/triangle_double_down.png);
	}
	div.comboselectbox div.comboselectbuttons a.removeall{
		background-image:url(../images/icons/dark/triangle_double_up.png);
	}
}

/*----------------------------------------------------------------------*/
/* Buttons
/*----------------------------------------------------------------------*/
a.btn, .dataTables_paginate span.paginate_button, .dataTables_paginate span.paginate_active {
    background-position: 4px 5px;
    background-repeat: no-repeat;
    border: 1px solid;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    margin: 2px;
    min-height: 22px;
    min-width: 8px;
    outline: 0 none;
/*    padding: 9px 12px;*/
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    vertical-align: baseline;
    white-space: pre-line;
    min-height: 18px;
}


a.btn,
.dataTables_paginate span.paginate_button,
.dataTables_paginate span.paginate_active{
	border-color:#c7c7c7 #b2b2b2 #b2b2b2 #c7c7c7;
	text-shadow:0 1px 0 rgba(255,255,255,0.7);
	color:#555555;
	background-color:#e6e6e6;
	-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.6), inset 0 2px 5px rgba(255, 255, 255, 0.5), inset 0 -2px 5px rgba(0, 0, 0, 0.1);
	-moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.6), inset 0 2px 5px rgba(255, 255, 255, 0.5), inset 0 -2px 5px rgba(0, 0, 0, 0.1);
	box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.6), inset 0 2px 5px rgba(255, 255, 255, 0.5), inset 0 -2px 5px rgba(0, 0, 0, 0.1);
}
button.icon, a.btn.icon{
}
button{
}
a.btn{
}
a.btn:hover,
.dataTables_paginate span.paginate_active:hover{
	background-color:#f1f1f1;
}
a.btn_disabled, a.btn_disabled:hover{
        text-decoration: none !important;
	background-color:#F5F5F5;
	-webkit-box-shadow:inset 0 1px 0 rgba(0, 0, 0, 0), inset 0 2px 5px rgba(0, 0, 0, 0), inset 0 -2px 5px rgba(0, 0, 0, 0) ;
	-moz-box-shadow:inset 0 1px 0 rgba(0, 0, 0, 0), inset 0 2px 5px rgba(0, 0, 0, 0), inset 0 -2px 5px rgba(0, 0, 0, 0);
	box-shadow:inset 0 1px 0 rgba(0, 0, 0, 0), inset 0 2px 5px rgba(0, 0, 0, 0), inset 0 -2px 5px rgba(0, 0, 0, 0) !important;
        color: grey !important;
}
a.btn:active,
.dataTables_paginate span.paginate_active{
	background-color:#f1f1f1;
	border-color:#b2b2b2 #c7c7c7 #c7c7c7 #b2b2b2;
	-webkit-box-shadow:inset 0 2px 1px rgba(0, 0, 0, 0.1);
	-moz-box-shadow:inset 0 2px 1px rgba(0, 0, 0, 0.1);
	box-shadow:inset 0 2px 1px rgba(0, 0, 0, 0.1);
}
.paging_full_numbers
{
    height: auto;
}

.tooltip{display:inline;position:relative}
 .tooltip:hover{text-decoration:none; }
 .tooltip:hover:after{
   background:#111;
   background:rgba(0,0,0,.8);
   border-radius:5px;
   bottom:18px;
   color:#fff;
   content:attr(rel);
   display:block;
   right:20%;
   padding:5px 15px;
   position:absolute;
   z-index:98; 
   text-transform: none !important;
   width: 220px;
  }
  .tooltip:hover:before{    	
    border:solid;
    border-color:#111 transparent;
    border-width:6px 6px 0 6px;
    bottom:12px;
    content:"";
    display:block;
    left:40%;
    position:absolute;
    z-index:99;
   }
   


button.red, a.btn.red{
	background-color:#f0a8a8;
}
button.red:hover, a.btn.red:hover{
	background-color:#f0cccc;
}
button.green, a.btn.green{
	background-color:#a2e8a2;
}
button.green:hover, a.btn.green:hover{
	background-color:#c5e8c5;
}
button.yellow, a.btn.yellow{
	background-color:#e8e8a2;
}
button.yellow:hover, a.btn.yellow:hover{
	background-color:#e8e8c5;
}
button.blue, a.btn.blue{
	background-color:#a8f0f0;
}
button.blue:hover, a.btn.blue:hover{
	background-color:#ccf0f0;
}
button.pink, a.btn.pink{
	background-color:#f0a8f0;
}
button.pink:hover, a.btn.pink:hover{
	background-color:#f0ccf0;
}
button.purple, a.btn.purple{
	background-color:#aea8f0;
}
button.purple:hover, a.btn.purple:hover{
	background-color:#cfccf0;
}


/*----------------------------------------------------------------------*/
/* Widgets
/*----------------------------------------------------------------------*/

.widget, .widget.loading{
	background-color:#ffffff;
	border-color:#dddddd #efefef #f1f1f1 #efefef;
	background-image:url(images/paper_02.png);
}
.widget > div{
	border-color:#dddddd #e7e7e7 #bbbbbb #e7e7e7;
	background-image:url(images/paper_01.png);
}
.widget > div.ui-widget{
	background-image:none;
}
.widget:hover{
	border-color:#cccccc;
}
.widget.ui-sortable-helper{
	-webkit-box-shadow:0px 5px 6px rgba(0, 0, 0, 0.6);
	-moz-box-shadow:0px 5px 6px rgba(0, 0, 0, 0.6);
	box-shadow:0px 5px 6px rgba(0, 0, 0, 0.6);
}
.widget h3.handle{
	color:#444444;
	text-shadow:0 0 1px #ffffff;
	border-top-color:#ffffff;
	border-bottom-color:#aaaaaa;
	
	background:#f1f1f1;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f1f1', endColorstr='#e8e8e8');
	background:-webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#e8e8e8));
	background:-moz-linear-gradient(top,  #f1f1f1,  #e8e8e8);
	background:-o-linear-gradient(top,  #f1f1f1,  #e8e8e8);
}
.widget h3.handle:hover{
	-webkit-box-shadow:inset 0 -3px 12px rgba(255, 255, 255, 0.5);
	-moz-box-shadow:inset 0 -3px 12px rgba(255, 255, 255, 0.5);
	box-shadow:inset 0 -3px 12px rgba(255, 255, 255, 0.5);
	
	background:#f6f6f6;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#f1f1f1');
	background:-webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#f1f1f1));
	background:-moz-linear-gradient(top,  #f6f6f6,  #f1f1f1);
	background:-o-linear-gradient(top,  #f6f6f6,  #f1f1f1);
}

.widget h3.handle .collapse{
	background-image:url(../images/icons/dark/collapse.png);
}
.widget h3.handle .reload{
	background-image:url(../images/icons/dark/refresh_3.png);
}
.widget.collapsed{
	border-bottom-color:#aaaaaa;
}
.widget.collapsed h3.handle .collapse{
	background-image:url(../images/icons/dark/expand.png);
}
.widget.loading h3.handle .reload{
	background-image:url(images/loading.gif);
}
.widget.number-widget > div ul li{
	border-top-color:#555555;
}
.widget.number-widget > div ul li a{
	color:#555555;
	text-shadow:0 1px 0 #ffffff;
}
.widget.number-widget > div ul li a:hover{
	color:#999999;
}
.widget.number-widget ul li a span{
}

.sortable_placeholder{
	border-color:#ffffff;
	background-color:#f6f6f6;
	background-image:url(images/paper_02.png);
	-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.5);
	box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.5);
}