/***
 * Created by: Mienard Lumaad
 * Date: Nov 26, 2011
 * Website: http://themepixels.com/
***/

@import url('plugins/colorbox.css');
@import url('plugins/colorpicker.css');
@import url('plugins/jquery.ui.css');
@import url('plugins/jquery.jgrowl.css');
@import url('plugins/jquery.alerts.css');
@import url('plugins/fullcalendar.css');
@import url('plugins/jquery.fancybox.css');
@import url('plugins/select2.css');
@import url('plugins/font-awesome.min.css');

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,
table, caption, tbody, tfoot, thead, tr, th, td {
    background: transparent;
    border: 0;
    margin: 0;
    padding: 0; 
    vertical-align: baseline;
}
/***@FONT FACE***/
/*@font-face {
    font-family: 'DroidSansRegular';
    src: url('../fonts/droidsans-webfont.eot');
    src: url('../fonts/droidsans-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/droidsans-webfont.woff') format('woff'),
        url('../fonts/droidsans-webfont.ttf') format('truetype'),
        url('../fonts/droidsans-webfont.svg#DroidSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}*/

/*"Lucida Sans Unicode", "Lucida Grande", sans-serif*/
/***GENERAL STYLES***/
body { background: #979797 url(../images/texturebg.png); line-height: 21px; font-family:Tahoma, Geneva, sans-serif; font-size: 12px; }
input, select, textarea, button { outline: none; font-family:Tahoma, Geneva, sans-serif; font-size: 12px; }
input, select, textarea, button { border: 1px solid #ccc; padding: 5px; }

a { text-decoration: none; outline: none; color: #069; }
a:hover { text-decoration: underline; }
button { margin: 0; outline: 0; }
small { font-size: 11px; line-height: 12px; }

.bodywhite { background: #fff; }
.bodygrey { background: #eee url(../images/leftbg.png) repeat-y top left; }
.page404 { background: #eee; }

h1.prize { font-size: 28px; color: #000; font-family: Arial, Helvetica, sans-serif; margin-bottom: 5px; }
h2.prize { font-size: 20px; color: #000; font-family: Arial, Helvetica, sans-serif; margin-bottom: 5px; }

/***NOTIFICATION MESSAGES (login.html, dashboard.html)***/
.notification { padding: 10px 10px 10px 45px; margin: 0 0 20px 0; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; position: relative; }
.notification .close { position: absolute; right: 5px; top: 5px; display: inline-block; width: 8px; height: 8px; cursor: pointer; }
.notification .close { background: url(../images/icons/close.png) no-repeat 0 0; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
.notifyError { border: 1px solid #ff0000; background: #FFECEC; color: #ff0000; font-size: 11px; }
.notifySuccess { border: 1px solid #ff0000; background: #FFECEC; color: #00ff00; font-size: 11px; }

/****************** new Dashboard box ****************************/
.box{width:24%;display:block;overflow:hidden;float:left;margin:0 1.2% 15px 0;position:relative;height:150px;}
.bg_aqua{background-color:#00C0EF;}
.box:nth-child(4n+4){margin-right: 0px;}
.bg-green{background-color:#00A65A;}
.bg-yellow{background-color:#F39C12;}
.bg-red{background-color:#F56954;}
.bg-pink{background-color:#ff4296;}
.bg-violet{background-color:#c86dc6;}

.inner{padding:10px;position:relative;}
.box .inner .icon {position:absolute;bottom: -10px;right:10px;color: rgba(0, 0, 0, 0.15);font-size: 70px;}
.box .inner h4 {font-size: 38px;font-weight: normal;margin: 0 0 20px;padding: 0;white-space: nowrap;color:#fff;}
.box .inner p {font-size:20px;color:#fff; letter-spacing: 4px;}
.box:hover .inner .icon {transition: all 0.2s ease-in-out 0s;font-size:80px;}
.box > .small-box-footer {	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.1);color: rgba(255, 255, 255, 0.8);display: block;text-align: center;text-decoration: none;z-index: 10;position:absolute;bottom:0;width:100%;}
.box > .small-box-footer a {text-align:right;font-size:15px;color:#fff;text-decoration:none;display:block;	padding: 3px 10px 3px 0;}
.box > .small-box-footer a:hover {background: none repeat scroll 0 0 rgba(0, 1, 0, 0.1);}



.msgalert { border: 1px solid #eac572; background: #ffe9ad url(../images/icons/warning.png) no-repeat 10px center; }
.msginfo { border: 1px solid #99c4ea; background: #d1e4f3 url(../images/icons/info.png) no-repeat 10px center; }
.msgsuccess { border: 1px solid #c1d779; background: #effeb9 url(../images/icons/success.png) no-repeat 10px center; }
.msgerror { border: 1px solid #e18b7c; background: #fad5cf url(../images/icons/error.png) no-repeat 10px center; }

/***LOGIN PAGE (index.html)***/
.loginlogo { width: 379px; height: 220px; text-align: center; background: url(../images/gradcircle.png) no-repeat top left; margin: 90px auto 0px; padding: 20px 0px 0px; }
.loginbox { width: 585px; height: 62px; margin: 10px auto; background: url(../images/loginbox.png) no-repeat right -62px; padding-right: 11px; }
.loginbox_inner { background: url(../images/loginbox.png) no-repeat 0 0; height: 62px; padding-left: 11px; }
.loginbox_content { background: url(../images/loginbox.png) repeat-x 0 -124px; height: 62px; overflow: hidden; padding: 15px 2px; }

.loginbox .username { border: 0; background: #eee url(../images/usernamefield.png) no-repeat; background-position: left 0px; width: 190px; margin-right: 10px; }
.loginbox .username { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 7px 5px 6px 40px; display: inline-block; font-size: 14px; }
.loginbox .username:focus { background-color: #fff; background-position: 0 -32px; }

.loginbox .password { border: 0; background: #eee url(../images/passwordfield.png) no-repeat; background-position: left 0px; width: 190px; margin-right: 10px; }
.loginbox .password { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 7px 5px 6px 40px; display: inline-block; font-size: 14px; }
.loginbox .password:focus { background-color: #fff; background-position: 0 -32px; }

.loginbox .email { border: 0; background: #eee url(../images/emailfield.png) no-repeat; background-position: left 0px; width: 190px; margin-right: 10px; }
.loginbox .email { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 7px 5px 6px 40px; display: inline-block; font-size: 14px; }
.loginbox .email:focus { background-color: #fff; background-position: 0 -32px; }

.loginbox .submit {/*background: #4b6592 url(../images/buttonbg.png) repeat-x top left;*/background: url("../images/bgbutton4.png") repeat-x scroll left top transparent; font-size: 13px; padding: 6px 14px; width: 67px; font-weight: bold;}

.loginbox .submit {-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; cursor: pointer; color: #333; /* text-shadow: 1px 1px #333;*/border: 0;}
.loginbox .submit:active { -moz-box-shadow: inset 1px 1px 2px #000; -webkit-box-shadow: inset 1px 1px 2px #000; box-shadow: inset 1px 1px 2px #000;}
.loginbox .submit:hover {/* background: #364f7e url(../images/buttonbg.png) repeat-x 0 -34px;*/background-position: 0 -34px;}

.loginoption { width: 570px; margin: 10px auto; background: url(../images/blacktrans.png); padding: 7px 10px; font-size: 11px; color: #ccc; }
.loginoption { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.loginoption input { margin: 0; padding: 0; vertical-align: middle; }
.loginoption a { float: right; font-size: 11px; color: #ccc; }

.loginNotify { padding: 7px; border: 0; width: 580px; margin: auto; background: url(../images/blacktrans.png); }
.loginNotify { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; text-align: center; }

.loginErrorNotify { padding: 7px; border: 0; width: 580px; margin: auto; background: url(../images/blacktrans.png); }
.loginErrorNotify { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; text-align: center; }
/***TOP HEADER (all page)***/
.header, .topheader { min-width: 980px; }
.headerspace { height: 10px; background: #333; border-bottom: 1px solid #222; }
.topheader .msgicon { position: absolute; top: 7px; left: 8px; width: 15px; height: 15px; background-image: url(../images/icons/message.png); }
.topheader .infoicon { position: absolute; top: 7px; left: 8px; width: 14px; height: 15px; background-image: url(../images/icons/notification.png); }
.topheader .msgicon, .topheader .infoicon { background-repeat: no-repeat; background-position: 0 0; }
.topheader .thiconhover { background-position: 0 -15px !important; }

.topheader > ul { list-style: none; position: absolute; top: 10px; left: 458px; }
.topheader > ul > li { display: inline-block; float: left; margin-right: 8px; line-height: 14px; position: relative; }
.topheader > ul > li > a { font-size: 11px; color: #fff; padding-right: 4px; position: relative; }
.topheader > ul > li > a { display: inline-block; background: url(../images/headbutton.png) no-repeat right -29px; }
.topheader > ul > li > a .wrap { display: block; padding: 7px 11px 7px 26px; color: #fff; background: url(../images/headbutton.png) no-repeat 0 0; height: 15px; }
.topheader > ul > li > a .wrap span.count { padding: 1px 5px 0 5px; display: block; position: absolute; top: -3px; right: -3px; font-size: 10px; }
.topheader > ul > li > a .wrap span.count { background: #cc0000; color: #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.topheader > ul > li > a:hover { background-position: right -88px; text-decoration: none; }
.topheader > ul > li > a:hover .wrap { background-position: 0 -59px; }
.topheader > ul > li.note a .wrap { padding-right: 0; }

.dropbox { width: 250px; min-height: 100px; background: #fcfcfc; position: absolute; z-index: 5; }
.dropbox { top: 29px; left: -1px; border: 1px solid #333; border-top: 0; }
.dropbox { -moz-box-shadow: 3px 3px 2px #333; -webkit-box-shadow: 3px 3px 2px #333; box-shadow: 3px 3px 2px #333; }
.dropbox { -moz-border-radius: 0 3px 3px 3px; }

.showmsg { -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; }
.showmsg .wrap { -moz-border-radius:  0 0 0; -webkit-border-radius: 3px 0 0 0; border-radius: 3px 0 0 0; }
.showmsg, .showmsg .wrap { background: #fcfcfc !important; }


/***TOP HEADER: SEARCH (all page)***/
#search { position: absolute; top: 10px; left: 219px; }
#search input { color: #999; font-size: 11px; float: left; margin: 0; outline: 0; }
#search input { background: #333 url(../images/searchbar.png) no-repeat 0 0; border: 0; height: 25px; padding: 2px 3px 3px 75px; }
#search button { float: left; border: 0; margin: 0; background: #333 url(../images/searchicon.png) no-repeat 0 0; width: 27px; height: 30px; cursor: pointer; }

/***HEADER (all page)***/
.header { background: #333 url(../images/texturebg.png); /*padding: 20px 10px 11px 10px;*/ position: relative; }
.header { border-top: 1px solid #444; /*border-bottom: 3px solid #272727;*/ }
.logo{width:200px; height: 88px;}
.accountinfo { position: absolute; right: 10px; top: 6px; background: url(../images/blacktrans.png); padding: 10px; overflow: hidden; line-height: 15px; }
.accountinfo { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.accountinfo img { float: left; }
.accountinfo .info { float: left; margin-left: 10px; }
.accountinfo h3 { font-size: 12px; color: #fff; font-weight: normal; }
.accountinfo small { font-size: 11px; color: #999; }
.accountinfo p { margin-top: 5px; }
.accountinfo p a { font-size: 11px; color: #ccc; display: inline-block; color: #bbd0e8; }
.accountinfo p a:hover { text-decoration: underline; }
.accountinfo p a:first-child { margin-right: 5px; border-right: 1px solid #666; padding-right: 7px; }

/***TAB MENU (all page)***/
.tabmenu { line-height: 21px; position: absolute; top: 49px; left: 220px; }
.tabmenu ul { list-style: none; }
.tabmenu ul li { display: inline-block; float: left; position: relative; /*background: #A6CE39;*/ background: /*#4b6592*/#6D6E71 url(../images/tabmenubg.png) repeat-x top left; }
.tabmenu ul li:first-child { -moz-border-radius: 3px 0 0 0; -webkit-border-radius: 3px 0 0 0; border-radius: 3px 0 0 0; }
.tabmenu ul li:last-child { -moz-border-radius: 0 3px 0 0; -webkit-border-radius: 0 3px 0 0; border-radius: 0 3px 0 0; }
.tabmenu ul li a { display: inline-block; color: #fff; background: url(../images/separator.png) no-repeat right center; }
.tabmenu ul li a:hover { text-decoration: none; }
.tabmenu ul li:last-child a { background: none; }
.tabmenu ul li:hover { background: /*#37507f*/#6D6E71 url(../images/tabmenubg.png) repeat-x 0 -68px;/*background: #90B52B*/ }
.tabmenu ul li a span { display: block; padding: 9px 15px 9px 40px; text-transform: uppercase; font-size: 12px; text-shadow: 1px 1px #224e82; }
.tabmenu ul li.current { background: #eee; text-shadow: 1px 1px #fff; }
.tabmenu ul li.current a { color: #333; background: none; }
.tabmenu ul li.current a span { text-shadow: 1px 1px #fcfcfc; }

.tabmenu ul li a.dashboard span { background: url(../images/icons/dashboard.png) no-repeat 15px 12px; }
.tabmenu ul li.current a.dashboard span { background: url(../images/icons/dashboard.png) no-repeat 15px -57px; }

.tabmenu ul li a.elements span { background: url(../images/icons/elements.png) no-repeat 15px 12px; }
.tabmenu ul li.current a.elements span { background: url(../images/icons/elements.png) no-repeat 15px -57px; }

.tabmenu ul li a.reports span { background: url(../images/icons/reports.png) no-repeat 15px 12px; }
.tabmenu ul li.current a.reports span { background: url(../images/icons/reports.png) no-repeat 15px -57px; }

.tabmenu ul li a.users span { background: url(../images/icons/users.png) no-repeat 15px 14px; }
.tabmenu ul li.current a.users span { background: url(../images/icons/users.png) no-repeat 15px -59px; }

.tabmenu ul li a.csms span { background: url(../images/icons/sms_2.png) no-repeat 15px 11px; }
.tabmenu ul li.current a.csms span { background: url(../images/icons/sms_2.png) no-repeat 15px -26px; }

.tabmenu ul li a.sms span { background: url(../images/icons/sms.png) no-repeat 15px 11px; }
.tabmenu ul li.current a.sms span { background: url(../images/icons/sms.png) no-repeat 15px -26px; }

.tabmenu ul li a.dataEntry span { background: url(../images/icons/dataentry.png) no-repeat 15px 14px; }
.tabmenu ul li.current a.dataEntry span { background: url(../images/icons/dataentry_hover.png) no-repeat 15px 14px; }

.tabmenu ul li a.settings span { background: url(../images/icons/settings.png) no-repeat 15px 14px; }
.tabmenu ul li.current a.settings span { background: url(../images/icons/settings_hover.png) no-repeat 15px 14px; }

.tabmenu ul li a.page span { background: url(../images/icons/proof.png) no-repeat 15px 14px; }
.tabmenu ul li.current a.page span { background: url(../images/icons/proof_hover.png) no-repeat 15px 14px; }


.tabmenu ul li .subnav { position: absolute; min-width: 200px; top: 39px; left: 0; display: none; z-index: 100; /*border: 1px solid #6785b0;*/border: 1px solid #6D6E71; border-bottom: 0; }
.tabmenu ul li .subnav li { display: block; float: none; background: none; }
.tabmenu ul li .subnav li a { display: block; background: #6D6E71; border-bottom: 1px solid #4C4C4C; color: #fff; }
.tabmenu ul li .subnav li:last-child a {background: #6D6E71; }
.tabmenu ul li .subnav li a:hover {background: #4C4C4C; color: #fff; }
.tabmenu ul li .subnav a span { padding: 5px 15px; text-transform: capitalize; text-shadow: 1px 1px #6785b0; }
.tabmenu ul li.current .subnav { border-color: #ccc; border-top: 0; }
.tabmenu ul li.current .subnav li a { background: #eee; border-bottom: 1px solid #ccc; color: #333; }
.tabmenu ul li.current .subnav li a:hover { background: #c8d9ed; }
.tabmenu ul li.current .subnav li a span { text-shadow: 1px 1px #f7f7f7; }

/***SIDEBAR (all page)***/
.sidebar { padding: 20px 0 20px 0; width: 220px; display: block; float: left; }

#accordion h3 { background: url(../images/arrow.png) no-repeat 10px 6px; padding-left: 30px; }
#accordion h3 { cursor: pointer; font-size: 12px; color: #333; text-transform: uppercase; }
#accordion h3.open { background: url(../images/arrow.png) no-repeat 10px -37px; }
#accordion .content { display: none; margin: 10px 0 20px 0; }
#accordion .content:last-child { padding: 0 15px; color: #333; }


.leftmenu { list-style: none; }
.leftmenu li { display: block; margin-bottom: 1px; }
.leftmenu li a { font-size: 12px; display: block; padding: 5px 0 5px 40px; color: #333; }
.leftmenu li a:hover { }
.leftmenu li.current a { background-color: #eee; border-right: 0; color: #333; border-top: 1px solid #a6c0de; border-bottom: 1px solid #a6c0de; }
.leftmenu li.current a:hover { text-decoration: none; }

.leftmenu li a.form { background-image: url(../images/icons/form.png); background-repeat: no-repeat; background-position: 15px center; }
.leftmenu li a.table { background-image: url(../images/icons/table.png); background-repeat: no-repeat; background-position: 15px center; }
.leftmenu li a.gallery { background-image: url(../images/icons/gallery.png); background-repeat: no-repeat; background-position: 15px center; }
.leftmenu li a.home { background-image: url(../images/icons/home.png); background-repeat: no-repeat; background-position: 15px center; }
.leftmenu li a.grid { background-image: url(../images/icons/grid.png); background-repeat: no-repeat; background-position: 15px center; }
.leftmenu li a.calendar { background-image: url(../images/icons/cal.png); background-repeat: no-repeat; background-position: 15px center; }
.leftmenu li a.buttons { background-image: url(../images/icons/buttons.png); background-repeat: no-repeat; background-position: 15px center; }
.leftmenu li a.editor { background-image: url(../images/icons/editor.png); background-repeat: no-repeat; background-position: 15px center; }
.leftmenu li a.file { background-image: url(../images/icons/file.png); background-repeat: no-repeat; background-position: 15px center; }
.leftmenu li a.error { background-image: url(../images/icons/404.png); background-repeat: no-repeat; background-position: 15px center; }
.leftmenu li a.user { background-image: url(../images/icons/small/black/user.png); background-repeat: no-repeat; background-position: 15px center; }
.leftmenu li a.setting { background-image: url(../images/icons/small/black/settings.png); background-repeat: no-repeat; background-position: 15px center; }
.leftmenu li a.password { background-image: url(../images/icons/password.png); background-repeat: no-repeat; background-position: 15px center; }
.leftmenu li a.bank { background-image: url(../images/icons/password.png); background-repeat: no-repeat; background-position: 15px center; }
.leftmenu li a.receiver { background-image: url(../images/icons/small/black/people.png); background-repeat: no-repeat; background-position: 15px center; }
.leftmenu li a.page { background-image: url(../images/icons/small/black/document.png); background-repeat: no-repeat; background-position: 15px center; }
.leftmenu li a.send_sms { background-image: url(../images/icons/send_sms.png); background-repeat: no-repeat; background-position: 15px 6px; }
.leftmenu li a.received_sms { background-image: url(../images/icons/receive_sms.png); background-repeat: no-repeat; background-position: 15px 6px; }
.leftmenu li a.resend_sms { background-image: url(../images/icons/resend.png); background-repeat: no-repeat; background-position: 15px 6px; }
.leftmenu li a.unread_sms { background-image: url(../images/icons/sms_unread.png); background-repeat: no-repeat; background-position: 15px center; }

/***COLUMNS***/
.one_half{ width:48%; }
.one_third{ width:30.66%; }
.two_third{ width:65.33%; }
.one_fourth{ width:22%; }
.three_fourth{ width:74%; }
.one_fifth{ width:16.8%; }
.two_fifth{ width:37.6%; }
.three_fifth{ width:58.4%; }
.four_fifth{ width:67.2%; }
.one_sixth{ width:13.33%; }
.five_sixth{ width:82.67%; }
.full_content{width: 100%;}
.full_half{width: 50%}

.one_half,.one_third,.two_third,.three_fourth,.one_fourth,.one_fifth,
.two_fifth,.three_fifth,.four_fifth,.one_sixth,.five_sixth{ position:relative; margin-right:4%; float:left; }

.last{ margin-right:0 !important; clear:right; }

/***MAIN CONTENT (dashboard.html)***/
.maincontent { margin-left: 220px; min-width: 1028px;min-height: 625px; position: relative; color: #333; }
.maincontent .left { padding: 20px 15px; overflow: hidden; }
.maincontent .right { padding: 20px 0; padding-right: 15px; overflow: hidden; }
.maincontent .right .widgetbox:last-child { margin-bottom: 0; border-bottom: 0; }

.maincontent_inner { width:68.33%; margin-right: 1%; }

.breadcrumbs { font-size: 11px; padding: 0 15px 0 30px; margin: 20px 15px 0 15px; border: 1px solid #ddd; }
.breadcrumbs { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; background: #f7f7f7 url(../images/icons/homesmall.png) no-repeat 10px 9px; }
.breadcrumbs { -moz-box-shadow: 1px 1px 0 #f3f3f3; }
.breadcrumbs a { display: inline-block; color: #069; padding: 5px 20px 5px 0; }
.breadcrumbs a { background: url(../images/separator2.png) no-repeat right center; margin-right: 10px; }
.breadcrumbs a:hover { text-decoration: none; }
.breadcrumbs span { color: #666; }

.widgetlist { list-style: none; }
.widgetlist li { display: inline-block; float: left; width: 130px; margin: 0 10px 10px 0; }
.widgetlist li a { display: block; padding: 15px; border: 1px solid #ccc; color: #333; text-align: center; background: #f7f7f7;width: 105px }
.widgetlist li a { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 1px 1px 0 #fff; color: #069; }
.widgetlist li a span { font-size: 12px; display: block; margin-top: 5px; height: 40px;overflow: hidden }
.widgetlist li a:hover { -moz-box-shadow: 0 0 4px #ddd; background: #fcfcfc; text-decoration: none; }
.widgetlist li a.current { -moz-box-shadow: 0 0 4px #ddd; background: #fcfcfc; text-decoration: none; }
.widgetlist li a.selected{background: #FFFCCC!important;}
/***MAIN CONTENT: BUTTONS(elements.html)***/
button.button { padding: 7px 15px; font-size: 12px; display: inline-block; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
button.delete{padding: 3px;}
button.save span { background: url(../images/icons/small/white/save.png) no-repeat left center; padding-left: 20px; }
button.search span { background: url(../images/icons/small/white/search.png) no-repeat left center; padding-left: 20px; }
button.button { -moz-box-shadow: 1px 1px 2px #eee; -webkit-box-shadow: 1px 1px 2px #eee; box-shadow: 1px 1px 2px #eee; cursor: pointer; }
button.button:hover, .button:active { background-position: 0 -39px; }

.anchorbutton { padding: 7px 15px; font-size: 12px; display: inline-block; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.anchorbutton { -moz-box-shadow: 1px 1px 2px #eee; -webkit-box-shadow: 1px 1px 2px #eee; box-shadow: 1px 1px 2px #eee; cursor: pointer; }
.anchorbutton:hover, .anchorbutton:active { background-position: 0 -39px; text-decoration: none; }

.button_white { border: 1px solid #ccc; background: #eee url(../images/buttons/button_white.png) repeat-x top left; text-shadow: 1px 1px #f7f7f7; color: #333;cursor: pointer }
.button_white:active { -moz-box-shadow: inset 2px 2px 2px #ccc; -webkit-box-shadow: inset 2px 2px 2px #ccc; box-shadow: inset 2px 2px 2px #ccc; }

.button_blue { border: 1px solid #39537f; background: #eee url(../images/buttons/button_blue.png) repeat-x top left; text-shadow: 1px 1px #39537f; color: #fff; }
.button_blue:active { -moz-box-shadow: inset 2px 2px 2px #12274c; -webkit-box-shadow: inset 2px 2px 2px #12274c; box-shadow: inset 2px 2px 2px #12274c; }

.button_black { border: 1px solid #333; background: #333 url(../images/buttons/button_black.png) repeat-x top left; text-shadow: 1px 1px #333; color: #fff; }
.button_black:active { -moz-box-shadow: inset 2px 2px 2px #12274c; -webkit-box-shadow: inset 2px 2px 2px #12274c; box-shadow: inset 2px 2px 2px #12274c; }

.button_red { border: 1px solid #b22407; background: #333 url(../images/buttons/button_red.png) repeat-x top left; text-shadow: 1px 1px #b22407; color: #fff; }
.button_red:active { -moz-box-shadow: inset 2px 2px 2px #b22407; -webkit-box-shadow: inset 2px 2px 2px #b22407; box-shadow: inset 2px 2px 2px #b22407; }

.button_yellow { border: 1px solid #c67601; background: #333 url(../images/buttons/button_yellow.png) repeat-x top left; text-shadow: 1px 1px #c67601;color: #fff; }
.button_yellow:active { -moz-box-shadow: inset 2px 2px 2px #c67601; -webkit-box-shadow: inset 2px 2px 2px #c67601; box-shadow: inset 2px 2px 2px #c67601; }

.button_green { border: 1px solid #507e0c; background: #333 url(../images/buttons/button_green.png) repeat-x top left; text-shadow: 1px 1px #507e0c;color: #fff; }
.button_green:active { -moz-box-shadow: inset 2px 2px 2px #507e0c; -webkit-box-shadow: inset 2px 2px 2px #507e0c; box-shadow: inset 2px 2px 2px #507e0c; }

.button_brown { border: 1px solid #574128; background: #333 url(../images/buttons/button_brown.png) repeat-x top left; text-shadow: 1px 1px #574128; color: #fff; }
.button_brown:active { -moz-box-shadow: inset 2px 2px 2px #574128; -webkit-box-shadow: inset 2px 2px 2px #574128; box-shadow: inset 2px 2px 2px #574128; }

.button_lblue { border: 1px solid #7197bd; background: #333 url(../images/buttons/button_lblue.png) repeat-x top left; text-shadow: 1px 1px #fff; color: #2161a0; }
.button_lblue:active { -moz-box-shadow: inset 2px 2px 2px #7197bd; -webkit-box-shadow: inset 2px 2px 2px #7197bd; box-shadow: inset 2px 2px 2px #7197bd; }

/***MAIN CONTENT: WIDGET BOX (dashboard.html)***/
.widgetbox { margin-bottom: 20px; -moz-box-shadow: 1px 1px 2px #ccc; -webkit-box-shadow: 1px 1px 2px #ccc; box-shadow: 1px 1px 2px #ccc; }
.widgetbox h3 { font-size: 12px; text-transform: uppercase; color: #fff; font-weight: normal; text-shadow: 1px 1px #4b6592; }
.widgetbox h3 { -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0;  }
.widgetbox h3 { border: 1px solid #6082ad; background: #6D6E71 url(../images/tabmenubg.png) repeat-x top left; }
.widgetbox h3 span { padding: 10px 15px; display: block; }
.widgetbox h3.arrow span { background: url(../images/toggle.png) no-repeat right center; }

.widgetbox .content { background: #fcfcfc; padding: 20px 15px; color: #666; overflow: hidden; border: 1px solid #ccc; border-top: 0; }
.widgetbox .content { -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; }
.widgetbox .content p { margin: 5px auto; }
.widgetbox .content p:first-child { margin-top: 0; }
.widgetbox .content h2{border-bottom: 1px solid #ccc; padding-bottom: 5px; letter-spacing: 1px;}

.widgetbox2 { margin-bottom: 20px; -moz-box-shadow: 1px 1px 2px #ddd; -webkit-box-shadow: 1px 1px 2px #ddd; box-shadow: 1px 1px 2px #ddd; }
.widgetbox2 h3 { font-size: 12px; color: #333; font-weight: normal; text-shadow: 1px 1px #fff; }
.widgetbox2 h3 { -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0;  }
.widgetbox2 h3 { border: 1px solid #ddd; background: #eee url(../images/thead.png) repeat-x top left; }
.widgetbox2 h3 span { padding: 10px 15px; display: block; }
.widgetbox2 h3.arrow span { background: url(../images/toggle2.png) no-repeat right center; }
.widgetbox2 .content { background: #fcfcfc; padding: 20px 15px; color: #666; overflow: hidden; border: 1px solid #ddd; border-top: 0; }
.widgetbox2 .content { -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; }
.widgetbox2 .content p { margin: 5px 0; }
.widgetbox2 .content p:first-child { margin-top: 0; }
.widgetbox2 .content label { display: block; padding: 0; width: 120px; margin-right: 15px; float: left; }

/***PROGRESS BAR (dashboard.html)***/
.progress { margin: 5px 0; }
.progress .bar { background: #ddd; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; padding: 2px; }
.progress .bar { -moz-box-shadow: inset 2px 2px 3px #999; -webkit-box-shadow: inset 2px 2px 3px #999; box-shadow: inset 2px 2px 3px #999; }
.progress .bar .value { height: 5px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }

.progress .bar2 { background: #ddd; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 2px; }
.progress .bar2 { -moz-box-shadow: inset 2px 2px 3px #999; -webkit-box-shadow: inset 2px 2px 3px #999; box-shadow: inset 2px 2px 3px #999; }
.progress .bar2 .value { padding: 3px 0; text-align: center; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; color: #fff; }
.progress .bar2 .value { background-image: url(../images/barbg.png); background-repeat: repeat-x; background-position: 0 0; }

.progress .bluebar { background-color: #069; }
.progress .orangebar { background-color: #F90; }
.progress .redbar { background-color: #cc0000; }


/***MAIN CONTENT:FULL PAGE***/
.fullpage { margin: 20px 15px; }
.pageTitle { font-size: 22px; margin-bottom: 10px; float: left; letter-spacing: 2px; color:#4d4d4d }

option.page_category {background: #CCCCFF;/*#373737;*/ color: #000000; cursor: pointer;}
option.page_title{background: #D8FCD1;/*#6D8FB9;*/ color: #000000; padding-left: 25px; cursor: pointer;}
option.page_title2{background: #D8FCD1; color: #000000; padding-left: 50px; cursor: pointer;}
option.page_title3{ background: #6D8FB9; color: #fff; padding-left: 75px; cursor: pointer;}

option.module_name {background: #CCCCFF;/* font-size: 15px;*/padding-top: 3px;padding-bottom: 3px;cursor: pointer;}

/***MAIN CONTENT: SUB MENU (users.html)***/
.submenu { list-style: none; overflow: hidden; }
.submenu li { display: inline-block; float: left; }
.submenu li a { display: block; padding: 5px 10px; border: 1px solid #bbb; background: url(../images/bgbutton4.png) repeat-x top left; border-left: 0; }
.submenu li a { color: #333; text-shadow: 1px 1px #eee; -moz-box-shadow: 1px 1px 0 #fcfcfc; -webkit-box-shadow: 1px 1px 0 #fcfcfc; box-shadow: 1px 1px 0 #fcfcfc; }
.submenu li a:hover { -moz-box-shadow: inset 1px 1px 2px #ccc; -webkit-box-shadow: inset 1px 1px 2px #ccc; box-shadow: inset 1px 1px 2px #ccc; }
.submenu li a:hover { text-decoration: none; }
.submenu li.current a { background: #f7f7f7; color: #069; text-shadow: none; }
.submenu li.current a:hover { -moz-box-shadow: none; webkit-box-shadow: none; box-shadow: none; }
.submenu li:last-child a { -moz-border-radius: 0 3px 3px 0; -webkit-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; }
.submenu li:first-child a { -moz-border-radius: 3px 0 0 3px; -webkit-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; border-left: 1px solid #bbb; }

/***MAIN CONTENT: FORM STYLING (forms.html)***/
.sf80 { width: 80px; }
.sf100 { width: 100px; }
.sf200 { width: 200px; }
.sf140 { width: 140px; }
.sf160 { width: 160px; }
.vsf { width: 150px; }
.sf { width: 250px; }
.mf { width: 350px; }
.tmf { width: 350px; }
.lf { width: 450px; }
textarea.slf { height: 55px; width: 450px }
textarea.mf { height: 100px; }
textarea.lf { height: 150px; }
input[type=radio], input[type=checkbox] { margin: 0; padding: 0; vertical-align: middle; }

.form_default fieldset { border: 1px solid #ccc; padding: 20px; background: #f7f7f7; }
.form_default legend { text-transform: uppercase; }
.form_default p { margin: 15px 0 !important; }
.form_default label { width: 150px; float: left; text-align: right; padding-top: 5px; margin-right: 20px; }

.form_default input[type=text],.form_default input[type=number],.form_default input[type=password] { font-size: 12px; padding: 8px 5px; border: 1px solid #ccc; background: #fcfcfc; outline: none; -moz-box-shadow: 1px 1px 3px #ccc; -webkit-box-shadow:1px 1px 3px #ccc; box-shadow:1px 1px 3px #ccc; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; margin-right: 10px; }

.form_default input[type=file] {}

.form_default textarea { font-size: 12px; padding: 8px 5px; border: 1px solid #ccc; background: #fcfcfc; outline: none; }
.form_default textarea { -moz-box-shadow:1px 1px 3px #ccc; -webkit-box-shadow:1px 1px 3px #ccc; box-shadow:1px 1px 3px #ccc; }
.form_default textarea { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; margin-right: 10px; }

.form_default select { font-size: 12px; padding: 4px; border: 1px solid #ccc; background: #fcfcfc; outline: none; height: 32px; }
.form_default select { -moz-box-shadow:1px 1px 3px #ccc; -webkit-box-shadow: 1px 1px 3px #ccc; box-shadow:1px 1px 3px #ccc; }
.form_default select { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; margin-right: 10px; }
.form_default select option{padding: 5px; border-bottom: 1px dotted #ccc;}

.form_default input[type=text]:focus, .form_default textarea:focus { background: #fff; border: 1px solid #4EB5EF; }

.form_default button.button { background: #4b6592 url(../images/buttonbg3.png) repeat-x top left; color: #fff; padding: 7px 10px; cursor: pointer; }

.form_default button.button { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #395380; font-size: 12px; }
.form_default button.button { text-transform: uppercase; text-shadow: 1px 1px #395380; margin-left: 170px; }
.form_default button.button { -moz-box-shadow: 1px 1px 2px #999; -webkit-box-shadow: 1px 1px 2px #999; box-shadow: 1px 1px 2px #999; }
.form_default button.button:hover { background: #005681 url(../images/buttonbg3.png) repeat-x 0 -36px; }
.form_default button.button:active { -moz-box-shadow: inset 2px 2px 2px #12274c; -webkit-box-shadow: inset 2px 2px 2px #12274c; box-shadow: inset 2px 2px 2px #12274c; }

.form_default input.error, .form_default textarea.error, .form_default select.error { border: 1px solid #ff0000; }

.form_default .textareaBox{display: inline-block; width: 80%}
.form_default span.desc{clear: both; margin-left: 170px; font-size: 11px; color:#9e9e9e}
.form_default label.error {background: url("../images/unchecked.gif") no-repeat 2px 9px; float: none; width: auto; color: #ff0000; font-size: 11px; display: inline-block;margin-left: 0.3em; padding-left: 21px; }
.form_default label.valid {background: url("../images/checked.gif") no-repeat left center; display: inline-block; height: 16px; width: 16px; position: relative; top:5px;}
.form_default span.remain{font-size: 18px; color: #00A65A}



/************* for search form *************************/
.search p { margin: 10px 0 !important; float: left }
.search label { width: auto; margin-right: 5px;}
.search select {width: 150px; padding: 6px; height: 32px }
.search select option{padding: 3px 3px 3px 6px; border-bottom: 1px dotted #ccc}
.search select.ss100{width:100px}
.search select.ss140{width:140px}
.search select.ss150{width:150px}
.search select.ss200{width:200px}
.form_default button.search{margin-left: 0px;}

.extra_box{background-color: #CDE; margin-bottom: 10px; padding: 10px 0px; width: 60%}

/***MAIN CONTENT: STANDARD TABLE (users.html)***/
.addNewButton { float: right; border: 1px solid #ccc; background: #4b6592 url(../images/buttonbg3.png) repeat-x top left; color: #fff; padding: 5px 20px; }
.addNewButton { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #395380; font-size: 12px; }
.addNewButton { text-transform: uppercase; text-shadow: 1px 1px #395380; margin-left: 170px; }
.addNewButton { -moz-box-shadow: 1px 1px 2px #999; -webkit-box-shadow: 1px 1px 2px #999; box-shadow: 1px 1px 2px #999; }
.addNewButton:hover { background: #005681 url(../images/buttonbg3.png) repeat-x 0 -36px; text-decoration: none; }

.sTableOptions { padding: 12px 10px; border: 1px solid #bbb; border-bottom: 0; background: #eee url(../images/thead.png) repeat-x top left; }
.sTableOptions { -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; position: relative; }
.sTableOptions .button { display: inline-block; border: 1px solid #999; background: url(../images/buttonbg5.png) repeat-x bottom left; }
.sTableOptions .button { text-transform: uppercase; color: #333; text-shadow: 1px 1px #fcfcfc; -webkit-box-shadow: 0 1px 0 #ddd; box-shadow: 0 1px 0 #ddd; }
.sTableOptions .button { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0 1px 0 #ddd; }
.sTableOptions .button:hover { cursor: pointer; text-decoration: none; background-position: top left; }
.sTableOptions .button:active { -moz-box-shadow: inset 1px 1px 2px #999; -webkit-box-shadow: inset 1px 1px 2px #999; box-shadow: inset 1px 1px 2px #999; }
.sTableOptions .button:active { background: #eee; }
.sTableOptions .button span { padding: 5px 10px; display: block; }
.sTableOptions h4 { font-size: 12px; font-weight: normal; color: #333; }

.sTableOptions .delete span { background: url(../images/icons/trash.png) no-repeat 8px center; padding-left: 30px; }
.borderbottomradius{
    border-bottom: 1px solid #BBBBBB;
    border-radius: 0 0 3px 3px;
    border-top: medium none;
}

/***(tables.html)***/
.sTableOptions2 { padding: 12px 10px; border: 1px solid #ccc; border-bottom: 0; background: #ddd url(../images/bgbutton5.png) repeat-x top left; }
.sTableOptions2 { -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; position: relative; }
.sTableOptions2 .button { display: inline-block; border: 1px solid #999; background: url(../images/buttonbg5.png) repeat-x bottom left; }
.sTableOptions2 .button { text-transform: uppercase; color: #333; text-shadow: 1px 1px #fcfcfc; -webkit-box-shadow: 0 1px 0 #ddd; box-shadow: 0 1px 0 #ddd; }
.sTableOptions2 .button { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0 1px 0 #ddd; }
.sTableOptions2 .button:hover { cursor: pointer; text-decoration: none; background-position: top left; }
.sTableOptions2 .button:active { -moz-box-shadow: inset 1px 1px 2px #999; -webkit-box-shadow: inset 1px 1px 2px #999; box-shadow: inset 1px 1px 2px #999; }
.sTableOptions2 .button:active { background: #eee; }
.sTableOptions2 .button span { padding: 5px 10px; display: block; }
.sTableOptions2 h4 { font-size: 12px; font-weight: normal; color: #333; }

.sTableHead { border-collapse: collapse; }
.sTableHead td { padding: 8px 10px; color: #ccc; text-shadow: 1px 1px #444; font-size: 12px; text-transform: uppercase; border-right: 1px solid #777; }
.sTableHead .head0 { background: #666; }
.sTableHead .head1 { background: #555; }

.sTableWrapper { border: 1px solid #bbb; border-top: 0; }

.sTable { border-collapse: collapse; }
.sTable tr td { padding: 8px 10px; border-right: 1px solid #fff; border-bottom: 1px solid #ddd; vertical-align: top; }
.sTable thead th { padding: 8px 10px; color: #ccc; text-shadow: 1px 1px #444; font-size: 12px; text-transform: uppercase; border-right: 1px solid #777; }
.sTable thead th { font-weight: normal; text-align: left; }
.sTable tr td:last-child { border-right: 0; }
.sTable tr td:first-child { font-weight: bold; }
.sTable tr:last-child td { border-bottom: 0; }
.sTable tr:hover { background: #ddd; }
.sTable tr.selected { background: #fffccc; }
.sTable .head0 { background: #666; }
.sTable .head1 { background: #555; }
.sTable .con1 { background: #eee; }
.sTable .con0 { background: #f7f7f7; }

/***(tables.html)***/
.sTable2 { border-collapse: collapse; border: 1px solid #ccc; }
.sTable2 thead td { padding: 5px 10px; background: #eee url(../images/thead.png) repeat-x top left; border: 1px solid #ccc; }
.sTable2 thead th { padding: 5px 10px; background: #eee url(../images/thead.png) repeat-x top left; border: 1px solid #ccc; }
.sTable2 tbody tr td { padding: 5px; background: #fff; border-top: 1px solid #eee; border-left: 1px solid #eee; }
.sTable2 tbody tr td:first-child { border-left: 1px solid #ccc; }
.sTable2 tbody tr.even td { background: #fcfcfc; }
.sTable2 tbody tr td.center { text-align: center; }
.sTable2 tbody tr td.right { text-align: right; padding: 5px; }

.sTable3 { border-collapse: collapse; }
.sTable3 thead td { padding: 5px 10px; background: #eee url(../images/thead.png) repeat-x top left; border-bottom: 1px solid #ccc; }
.sTable3 tbody tr td { padding: 10px; background: #fff; border-top: 1px solid #eee; border-left: 1px solid #eee; }
.sTable3 tbody tr.even td { background: #fcfcfc; }

/******** list table design by aditya ************/
.listTable { border-collapse: collapse; border: 1px solid #ccc; }
.listTable thead tr td {padding: 8px 10px; color: #f4f4f4; text-shadow: 1px 1px #444; font-size: 13px; text-transform: uppercase; border-right: 1px solid #777;background: none repeat scroll 0 0 #666666; text-align: center}
.listTable thead th {padding: 8px 10px; color: #ccc; text-shadow: 1px 1px #444; font-size: 12px; text-transform: uppercase; border-right: 1px solid #777;background: none repeat scroll 0 0 #666666;}
.listTable tbody tr td { padding: 5px; background: #fff; border-top: 1px solid #eee; border-left: 1px solid #eee; vertical-align: middle }
.listTable tbody tr td:first-child { border-left: 1px solid #ccc; }
.listTable tbody tr.even td { background: #F7F7F7; }
.listTable tbody tr td.center { text-align: center; }
.listTable tbody tr td.right { text-align: right; padding: 5px; }
.listTable tbody  tr:hover td { background: #DDD; }
.listTable tbody  tr.selected td{ background: #fffccc; }
.listTable tbody tr td img.thumb { border: 1px solid #ccc; padding: 2px;-moz-border-radius: 3px; -webit-border-radius: 3px; border-radius: 3px; position: relative;}
/********* for table scroll ****************/
.listTable thead{}
.listTable tbody{}

/******************** search table design by aditya **********************/
.searchTbl { width: 99%; background: #fcfcfc; border-radius: 5px ; margin: 0px auto 10px;}
.searchTbl thead th, .dyntable tfoot th { padding: 5px 10px; color: #fff; font-weight: normal; text-align: left; }
.searchTbl thead th.head0, .dyntable tfoot th.head0 { background: #666; }
.searchTbl thead th.head1, .dyntable tfoot th.head1 { background: #555; }
.searchTbl tbody tr td { padding: 5px 10px; }
/************ top action ****************************/
span.topAction{ display: block; float: right}


/******************** action icon design by aditya **************/
span.action{margin: 0 auto;display: block;}
span.action a{display: block; float: left; margin:0px 2px }
a.view{background:url(../images/icons/view.png) ;  width: 16px; height: 16px; }
a.edit{background:url(../images/icons/edit.png); width: 16px; height: 16px; }
a.delete{background:url(../images/icons/delete.png);width: 14px; height: 14px; }

a.login{background:url(../images/login.png); width: 16px; height: 16px;}
a.check{background:url(../images/icons/check.png);  width: 16px; height: 16px;}
a.active{background:url(../images/checked.gif) no-repeat scroll center center; width: 16px; height: 16px;}
a.inactive{background:url(../images/unchecked.gif) no-repeat scroll center center;width: 16px; height: 16px;}

span.action:last-child{clear: both}


a.view:hover{background:url(../images/icons/view_hover.png);}
a.edit:hover{background:url(../images/icons/edit_hover.png);}
a.delete:hover{background:url(../images/icons/delete_hover.png);}




/**dynamic table***/
.dataTables_wrapper { border: 1px solid #ccc; background: #eee url(../images/thead.png) repeat-x top left; 
                      -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; position: relative; }
.dataTables_filter { position: absolute; top: 11px; right: 5px; }
.dataTables_length { padding: 10px 10px; }
.dataTables_wrapper label { display: inline-block; margin-right: 5px; }
.dyntable { width: 100%; background: #fcfcfc; }
.dyntable thead th, .dyntable tfoot th { padding: 5px 10px; color: #fff; font-weight: normal; text-align: left; }
.dyntable thead th.head0, .dyntable tfoot th.head0 { background: #666; }
.dyntable thead th.head1, .dyntable tfoot th.head1 { background: #555; }
.dyntable tbody tr td { padding: 5px 10px; border-top: 1px solid #ddd; }
.dyntable tbody tr:first-child td { border-top: 0; }
.dyntable .con1 { background: #eee; }
.dyntable .con0 { background: #f7f7f7; }
.dyntable thead th.sorting { background-image: url(../images/sort_both.png); background-repeat: no-repeat; background-position: right 5px; }
.dyntable thead th.sorting_asc { background-image: url(../images/sort_asc.png); background-repeat: no-repeat; background-position: right 6px; }
.dyntable thead th.sorting_desc { background-image: url(../images/sort_desc.png); background-repeat: no-repeat; background-position: right 6px; }

.dyntable thead th.action { background-image:none!important;text-align: center}


.dataTables_info { padding: 10px; }
.paging_full_numbers { position: absolute; bottom: 7px; right: 8px; }
.paging_full_numbers .paginate_button { 
    display: inline-block; padding: 2px 8px; border: 1px solid #ccc; margin-left: 5px; 
    background: #eee url(../images/buttonbg5.png) repeat-x top left; cursor: pointer;
    -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
}
.paging_full_numbers .paginate_button:hover { 
    background: #eee; -moz-box-shadow: inset 1px 1px 2px #ccc; -webkit-box-shadow: inset 1px 1px 2px #ccc;
    box-shadow: inset 1px 1px 2px #ccc; 
}
.paging_full_numbers .paginate_active, .paging_full_numbers .paginate_button:active { 
    display: inline-block; padding: 2px 8px; border: 1px solid #405A87; margin-left: 5px; 
    background: #405A87 url(../images/buttonbg3.png) repeat-x top left; color: #fff; 
    -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
}


.paging_full_numbers strong {
    background: url("../images/buttonbg3.png") repeat-x scroll left top #405A87;
    border: 1px solid #405A87;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    display: inline-block;
    margin-left: 5px;
    padding: 2px 8px;
}

.paging_full_numbers .paginate_button_disabled { color: #999; }

/***PAGINATION (users.html)***/
.pagination a { display: inline-block; padding: 5px 10px; color: #333; border: 1px solid #bbb; background: url(../images/buttonbg5.png) repeat-x bottom left; }
.pagination a { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.pagination a { -moz-box-shadow: 1px 1px 0 #f7f7f7; -webkit-box-shadow: 1px 1px 0 #f7f7f7; box-shadow: 1px 1px 0 #f7f7f7; }
.pagination a:hover { -moz-box-shadow: inset 1px 1px 3px #eee; -webkit-box-shadow: inset 1px 1px 3px #eee; }
.pagination a:hover { text-decoration: none; background: #eee; box-shadow: inset 1px 1px 3px #eee; }
.pagination a.disabled { color: #999; border: 1px solid #ccc; }
.pagination a.disabled:hover { background: url(../images/buttonbg5.png) repeat-x bottom left; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
.pagination a.current { background: #333 url(../images/buttonbg3.png) repeat-x top left; color: #fff; border: 1px solid #405a87; margin-left: 4px; }
.pagination a.current:hover { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }

.pgright { position: absolute; right: 10px; top: 12px; }
.pgright a.disabled { border: 1px solid #ccc; }

/***MAINCONTENT: GALLERY (galery.html)***/
.gallery .thumbview ul { list-style: none; }
.gallery .thumbview ul li { float: left; display: inline-block; margin-right: 20px; margin-bottom: 20px; }
.gallery .thumbview .thumb { border: 1px solid #ccc; padding: 10px; background: #fcfcfc; -moz-box-shadow: 1px 1px 2px #ddd; box-shadow: 1px 1px 2px #ddd; overflow: hidden }
.gallery .thumbview .thumb { -moz-border-radius: 3px; -webit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 1px 1px 2px #ddd; position: relative; }
.gallery .thumbview .thumb img { cursor: pointer; }
.gallery .thumbview .info { /*width: 230px; height: 130px;*/width: 180px; height: 230px; position: absolute; top: 10px; left: 10px; font-size: 12px; line-height: 18px; }
.gallery .thumbview .info { padding: 10px; background: url(../images/blacktrans1.png); display: none; cursor: pointer; }
.gallery .thumbview .info label { width: 70px; display: inline-block; color: #ccc; }
.gallery .thumbview .info span { color: #fff; }
.gallery .thumbview .info .menu { margin-top: 10px; }
.gallery .thumbview .info .menu a { display: inline-block; margin-right: 5px; width: 22px; height: 22px; }
.gallery .thumbview .info .menu a { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
.gallery .thumbview .info .menu a.view { background: #83a3ca url(../images/viewdelete.png) no-repeat 5px 5px; }
.gallery .thumbview .info .menu a.view_gallery { background: #83a3ca url(../images/viewdelete.png) no-repeat 5px 5px; }
.gallery .thumbview .info .menu a.delete { background: #83a3ca url(../images/viewdelete.png) no-repeat 5px -15px; }
.gallery .thumbview .info .menu a.delete_photo { background: #83a3ca url(../images/viewdelete.png) no-repeat 5px -15px; }
.gallery .thumbview .info .menu a.edit { background: #83a3ca url(../images/edit.png) no-repeat 5px; }
.gallery .thumbview .info .menu a.quick_edit { background: #83a3ca url(../images/quick_view.png) no-repeat 1px; }
.gallery .thumbview .info .menu a:hover { text-decoration: none; background-color: #6385ae; }

/**
*image preview in form 
*/
.photo_preview{margin-left: 170px;}
.photo_preview .thumbview ul li{margin-right: 16px; margin-bottom: 16px;}
.photo_preview .thumbview ul li:nth-child(5n+5){margin-right: 0px;}
.photo_preview .thumbview ul li .thumb{width: 142px;}
.photo_preview .thumbview ul li .thumb img{cursor:auto; width: 142px; height: 107px;}
.photo_preview .thumbview ul li .thumb .infos p{margin: 5px!important;}

/*****
** gallery view 
*/
.gallery_view .thumbview ul li{margin-right: 10px; margin-bottom: 10px;}
.gallery_view .thumbview ul li:nth-child(5n+5){margin-right: 0px;}
.gallery_view .thumbview ul li .thumb{width: 185px;}
.gallery_view .thumbview ul li .thumb img{cursor:auto; width: 185px;}

/***
*Gallery Image Hover
**/
#list .item ul { list-style: none; }
#list .item ul li { float: left; display: inline-block; margin-right: 20px; margin-bottom: 20px; }
#list .item .thumb { border: 1px solid #ccc; padding: 10px; background: #fcfcfc; -moz-box-shadow: 1px 1px 2px #ddd; box-shadow: 1px 1px 2px #ddd; }
#list .item .thumb { -moz-border-radius: 3px; -webit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 1px 1px 2px #ddd; position: relative; }
#list .item .thumb img { cursor: pointer; }
#list .item .info { /*width: 230px; height: 130px;*/width: 150px; height: 202px; position: relative; top: -207px; left: 0px; font-size: 12px; line-height: 18px; }
#list .item .info { /*padding: 10px;*/ /*background: url(../images/blacktrans1.png); */display: none; cursor: pointer; }
#list .item .info label { width: 70px; display: inline-block; color: #ccc; }
#list .item .info span { color: #fff; }
#list .item .info .menu { float: right;width: 25px }
#list .item .info .menu a { display: inline-block; margin-right: 5px; width: 22px; height: 22px; }
#list .item .info .menu a { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
#list .item .info .menu a.view { background: #83a3ca url(../images/viewdelete.png) no-repeat 5px 5px; }
#list .item .info .menu a.view_gallery { background: #83a3ca url(../images/viewdelete.png) no-repeat 5px 5px; }
#list .item .info .menu a.delete { background: #83a3ca url(../images/viewdelete.png) no-repeat 5px -15px; }
#list .item .info .menu a.delete_photo { background: #83a3ca url(../images/viewdelete.png) no-repeat 5px -15px; }
#list .item .info .menu a.edit { background: #83a3ca url(../images/edit.png) no-repeat 5px; }
#list .item .info .menu a.quick_edit { background: #83a3ca url(../images/quick_view.png) no-repeat 1px; }
#list .item .info .menu a:hover { text-decoration: none; background-color: #6385ae; }

#list .item .menu { margin-top: 10px;text-align: center }
#list .item .menu a { display: inline-block; margin-right: 5px; width: 22px; height: 22px; }
#list .item .menu a { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
#list .item .menu a.view { background: #83a3ca url(../images/viewdelete.png) no-repeat 5px 5px; }
#list .item .menu a.view_gallery { background: #83a3ca url(../images/viewdelete.png) no-repeat 5px 5px; }
#list .item .menu a.delete { background: #83a3ca url(../images/viewdelete.png) no-repeat 5px -15px; }
#list .item .menu a.delete_photo { background: #83a3ca url(../images/viewdelete.png) no-repeat 5px -15px; }
#list .item .menu a.edit { background: #83a3ca url(../images/edit.png) no-repeat 5px; }
#list .item .menu a.quick_edit { background: #83a3ca url(../images/quick_view.png) no-repeat 1px; }
#list .item .menu a:hover { text-decoration: none; background-color: #6385ae; }

.gallery .listview { display: none; }

.gallery .thumbview .menu { margin-top: 10px;text-align: center }
.gallery .thumbview .menu a { display: inline-block; margin-right: 5px; width: 22px; height: 22px; }
.gallery .thumbview .menu a { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
.gallery .thumbview .menu a.view { background: #83a3ca url(../images/viewdelete.png) no-repeat 5px 5px; }
.gallery .thumbview .menu a.view_gallery { background: #83a3ca url(../images/viewdelete.png) no-repeat 5px 5px; }
.gallery .thumbview .menu a.delete { background: #83a3ca url(../images/viewdelete.png) no-repeat 5px -15px; }
.gallery .thumbview .menu a.delete_photo { background: #83a3ca url(../images/viewdelete.png) no-repeat 5px -15px; }
.gallery .thumbview .menu a.edit { background: #83a3ca url(../images/edit.png) no-repeat 5px; }
.gallery .thumbview .menu a.quick_edit { background: #83a3ca url(../images/quick_view.png) no-repeat 1px; }
.gallery .thumbview .menu a:hover { text-decoration: none; background-color: #6385ae; }

.gallery .listview { display: none; }



/***PAGES: message.html, info.html***/
.messagelist h4 { font-size: 11px; color: #333; font-weight: normal; padding: 8px 10px; border-bottom: 1px solid #ccc; text-transform: uppercase; }
.messagelist .link { padding: 8px 10px; background: #eee; font-size: 11px; border-top: 1px solid #ccc; }
.messagelist ul { list-style: none; }
.messagelist ul li { display: block; border-bottom: 1px dotted #ccc; padding: 5px 10px; }
.messagelist ul li:last-child { border-bottom: 0; }
.messagelist ul li.current { background: #fff; color: #333; }
.messagelist ul li.current a { color: #6385ae; font-weight: bold; }
.messagelist ul li a { display: block; color: #333; }
.messagelist ul li a:hover { text-decoration: none; }
.messagelist ul li span { color: #666; display: block; font-size: 11px; }
.messagelist ul li small { font-size: 11px; color: #666; }
.messagelist ul li:hover { background: #e8f3fe; }

/***MAIN CONTENT: ELEMENTS (elements.html)***/
.imgleft { float: left; margin: 0 10px 0 0; padding: 5px; border: 1px solid #ccc; }
.imgleft { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }

/**BUTTONS & ICONS**/
.iconlink { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #fff; text-shadow: 1px 1px #304978; margin-bottom: 5px; }
.iconlink { -moz-box-shadow: 1px 1px 0 #f7f7f7; -webkit-box-shadow: 1px 1px 0 #f7f7f7; box-shadow: 1px 1px 0 #f7f7f7; }
.iconlink { display: inline-block; padding: 5px 7px; border: 1px solid #304978; background: url(../images/buttonbg3.png) repeat-x top left; }
.iconlink:hover { background-position: 0 -36px; text-decoration: none; }
.iconlink:active { -moz-box-shadow: inset 1px 1px 2px #304978; -webkit-box-shadow: inset 1px 1px 2px #304978; box-shadow: inset 1px 1px 2px #304978; }
.iconlink img { vertical-align: middle; display: inline-block; }

.iconlink2 { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #333; margin-bottom: 5px; }
.iconlink2 { -moz-box-shadow: 1px 1px 0 #f7f7f7; -webkit-box-shadow: 1px 1px 0 #f7f7f7; box-shadow: 1px 1px 0 #f7f7f7; }
.iconlink2 { display: inline-block; padding: 5px 7px; border: 1px solid #ccc; background: url(../images/bgbutton4.png) repeat-x top left; }
.iconlink2:active { -moz-box-shadow: inset 1px 1px 2px #ccc; -webkit-box-shadow: inset 1px 1px 2px #ccc; box-shadow: inset 1px 1px 2px #ccc; }
.iconlink2:hover { background-position: 0 -37px; text-decoration: none; }
.iconlink2 img { vertical-align: middle; display: inline-block; }

/**INVOICE**/
.invoice { border: 1px solid #ccc; background: #f7f7f7; -moz-box-shadow: 1px 1px 3px #ddd; -webkit-box-shadow: 1px 1px 3px #ddd; box-shadow: 1px 1px 3px #ddd; }
.invoice_inner { padding: 20px; position: relative; overflow: hidden; }
.invoice .title { font-size: 18px; float: right; }
.invoicetable { border-collape: collapse; }
.invoicetable thead td { border-bottom: 1px solid #ccc; padding: 5px 0; font-weight: bold; }
.invoicetable .subtotal td { font-weight: bold; }
.invoicetable tr td.line { border-bottom: 1px solid #ccc; }

/** FOOTER**/
.footer { background: #333; padding: 10px 0; }
.footerinner { padding: 0 20px; text-align: right; font-size: 11px; color: #ccc; }
.footer_float { position: fixed; bottom: 0; left: 0; width: 100%; }

/***MAIN CONTENT: CUSTOM STYLES***/
.errorpage { padding: 20px; }
.widgetbox .content .bright { border-right: 1px solid #ddd; width: 47%; }
.clear { clear: both; height: 15px;  }
.clear0{ clear: both; line-height: 0px; padding: 0; margin: 0}
.clearNew{ clear: both;}
.nopadding { padding: 0 !important; }
.loaders img { vertical-align: middle; display: inline-block; margin-right: 10px; }
.padding15 { padding: 15px; overflow: hidden; }
.padding1020 { padding: 10px 20px; }
.padding20 { padding: 20px; overflow: hidden; }
.borderbottom { border-bottom: 1px solid #eee; }
.floatleft { float: left; }
.floatright { float: right; }
.width50 { width: 50px; }
.ohidden { overflow: hidden; }
.overflownone { overflow: none !important; }
.marginleft150 { margin-left: 150px; }
.marginbottom20 { margin-bottom: 20px; }
.marginright20{margin-right: 20px;}
.color069 { color: #069; }
.tooltipflot { background: url(../images/blacktrans1.png); padding: 2px 10px; color: #fff; font-size: 11px; }
.tooltipflot { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
#colorselector { width: 16px; height: 16px; border: 2px solid #ccc; display: inline-block; }
#colorselector { background: url(../images/colorpicker.png) no-repeat top left; cursor: pointer; }
.pie { height: 200px; width: 290px; }
.external-event { border: 1px solid #a6bdd8; padding: 7px 10px; color: #333; margin-bottom: 5px; background: #c8d9ed; cursor: move; }
.mgright5 { margin-right: 5px; }
.inlineblock { display: inline-block; }
.alignright { text-align: right; }
.bordertop { border-top: 1px solid #ccc; }

/*******************auto complete*******************/
.autoComplete {
    background:url(../images/tooltip.png) no-repeat, url(../images/border.png) repeat-y;
    background-position: left top, left bottom;
    width:428px;
    color:#727272;
    text-align:left;
    font-size:12px;
    padding:2px 1px 0px 10px;
    position:absolute;

    left:578px;
    margin-top:-58px;

}
.autoComplete p:first-child{ border-left:0px; border-right:0px;}
.autoComplete p{ border-bottom:1px solid #dbdbdb;  padding:5px 20px; margin:0px 0px !important; clear:both; margin:0 2px;}

.autoComplete p a{ color:#727272}
.autoComplete p:hover{ background:#eeeeee}
.autoComplete p:hover a{ color:#006699;}
.changeBtn{margin-right: 59px;margin-top: 58px;position: absolute;right: 0;}

/***************reject Table**********************/
.rejectRightBtns{position:absolute; right:15px; margin-top:-45px;}
.rejectTbl tr td a{float:right; color:#ff0000}
table.rejectData{ background:#eeeeee; width:600px; margin-left:80px; border:1px solid #ccc; margin-bottom:50px; padding:10px;}
table.rejectData tr td{ padding:5px;}
.rejectWrap{ background:#f7f7f7; border:1px solid #cccccc; padding:80px;}
.form_defaultReject .button_red{ background: url("../images/buttons/button_red.png") repeat-x scroll left top #333333;border: 1px solid #B22407;color: #FFFFFF;text-shadow: 1px 1px #B22407;}
.noteReject{ border:1px solid #ababab; height:182px; width:246px; position:absolute; left:673px; margin-top:-53px;}
.noteReject h3{ color:#fff; padding:5px 10px; background:#ababab; font-weight:normal}

/****************subject List****************/
.subjectList{ border:1px solid #ccc; border-top:0px; padding:10px; padding-top:20px;}

input.button {
    box-shadow: 1px 1px 2px #999999;
}
input.button {
    margin-left: 170px;
    text-shadow: 1px 1px #395380;
    text-transform: uppercase;
}
input.button {
    border: 1px solid #395380;
    border-radius: 3px 3px 3px 3px;
    font-size: 12px;
}
input.button {
    background: url("../images/buttonbg3.png") repeat-x scroll left top #4B6592;
    color: #FFFFFF;
    cursor: pointer;
    padding: 7px 20px;
}

/***Settings**/

.settings ul li{
    float: left;
    list-style: none;
    min-width: 150px;
    min-height: 140px;
}

/*
view table*/
#viewTable tr td:first-child{
    font-weight: bold;
}
#viewTable tr td ul li{
    list-style: none;
    float: left;
    margin-right: 10px;
}
#viewTable tr td ul li img{
    padding: 5px;
    border: 1px solid #808080;
}

.file_type_note{
    float: left;
    padding-left: 15px;
    padding-top: 5px
}

/***Tooltip Css**/
.tooltip {
    display:none;
    position:absolute;
    background: url(../images/blacktrans1.png);
    padding: 2px 10px;
    color: #fff;
    font-size: 11px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;

}

/****pop_up_view***/
.fileinput-button {
    position: relative;
    overflow: hidden;
}
.btn-success {
    background-color: #6DAF3A;
    /* background-image: -moz-linear-gradient(center top , #62C462, #51A351);*/
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #FFFFFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    padding: 10px;
    border-radius: 3px;
}
#imgUpload,#fileUpload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    font-size: 23px;
    direction: ltr;
    cursor: pointer;
}


div.addMore span {
    background: none repeat scroll 0 0 #666666;
    border: 1px solid #666666;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    padding: 3px;
}


.mce-tinymce{
    width: 100%!important;
}
/****** image holder *****/
.imgHolder{width: auto; height:auto; border: 1px solid #c8d9ed; position: absolute; right: 35px; padding: 4px; background: #fff; border-radius: 3px;}
.imgHolder div{ color: #FFFFFF; font-size: 16px;text-align: center; background-color:#7c9cc4; padding: 1px}
.holderleft{left: -191px; right: auto}
.holderfixed{ left: 467px;right: auto;top: 171px;}

.preview-holder{ margin-left: 168px; margin-top: 10px; display: inline-block; text-align: center; border: 1px solid #c8d9ed; position: relative; padding: 4px; background: #fff; border-radius: 3px; line-height: 1.5}
.preview-holder div{ color: #FFFFFF; font-size: 16px;text-align: center; background-color:#7c9cc4; padding: 1px}

/*********** sortable Menu label ************/
.sortHead{background: #ccc !important;}
.level1{padding-left: 15px !important;}
.level2{padding-left: 30px !important;}
.level3{padding-left: 45px !important;}
.level4{padding-left: 60px !important;}
.level5{padding-left: 75px !important;}
/**************** dropdown menu label ************/
.level_1{padding-left: 5px !important;  background: #3333FF; color: #fff; font-weight: bold}
.level_2{padding-left: 20px !important; background: #3366FF; color: #fff}
.level_3{padding-left: 30px !important; background: #3399FF; color: #fff}
.level_4{padding-left: 40px !important; background: #33CCFF; color: #fff}
.level_5{padding-left: 50px !important; background: #33FFFF; color: #fff}