







/*----- Global reset ---------------------------------------------------------------*/       

html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre,

form, fieldset, input, textarea, label, p, blockquote, th, td                         { margin:0;padding:0; }



table                                                                                 { border-spacing:0; }

fieldset, img                                                                         { border:0; }

address, caption, cite, code, dfn, em, strong, th, var                                 { font-style:normal;font-weight:normal; }

strong                                                                                 { font-weight:bold; }

ol, ul                                                                                 { list-style:none; }

caption, th                                                                         { text-align:left; }

h1, h2, h3, h4, h5, h6                                                                 { font-size:100%;font-weight:normal; }

q:before, q:after                                                                     { content:''; }

abbr, acronym                                                                         { border:0; }







/*----- Clearfix ------------------------------------------------------------------*/       

.clearfix:after, .section:after, .fixed:after, .row:after                            { content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;    }

.clearfix, .section, .fixed, .row                                                    { display: inline-block;     }

html[xmlns] .clearfix, html[xmlns] .section, html[xmlns] .fixed, html[xmlns] .row    { display: block;             }

* html .clearfix, * html .section, * html .fixed, * html .row                        { height: 1%;                 }

*                                                                                      { outline: none;             }

 



 

/*----- Typography ----------------------------------------------------------------*/       



    h1, h1 span                                                                        { font-size:18px;line-height:22px;font-weight:bold;color:#4e5964; }

    h2, h2 span                                                                        { font-size:16px;line-height:20px;font-weight:bold;color:#4e5964; }

    h3, h3 span                                                                        { font-size:14px;line-height:18px;font-weight:bold;color:#4e5964; }

    h4, h4 span                                                                        { font-size:12px;line-height:16px;font-weight:bold;color:#4e5964; }

    h5, h5 span                                                                        { font-size:10px;line-height:14px;font-weight:bold;color:#4e5964; }

    h6, h6 span                                                                        { font-size:8px;line-height:12px;font-weight:bold;color:#4e5964; }

   

    blockquote, blockquote p                                                        { font-size:24px;line-height:26px; }



    h1 span, h2 span, h3 span, h4 span, h5 span, h6 span                            { color:#4e5964; }

   

    h1, h1 span, h2, h2 span, h3,h3 span, h4, h4 span, h5, h5 span,

    h6, h6 span, blockquote, blockquote p, blockquote span, #header .nav              { font-family:arial , verdana , trebuchet ms; }



    h1, h1 span, h2, h2 span, h3,h3 span, h4, h4 span, h5, h5 span,

    h6, h6 span                                                                        { margin-bottom:15px; }

   

   

    body, p, span, div                                                                 { font-family:arial, verdana, trebuchet ms;font-size:12px;line-height:21px;color:#757f8c; }

    p                                                                                 { margin-bottom:20px; }

   

    a                                                                                 { color:#2b2b2b;text-decoration:none; }

    a:link                                                                             {  }

    a:visited                                                                         {  }

    a:hover                                                                         { text-decoration:none; }

    a:active                                                                         { color:#000; }

   

    .hr                                                                             { background:#dce1e7;height:1px;margin-bottom:20px; }

   

    .no-border                                                                         { border:none !important; }

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

   

   

    .col-320                                                                         { width:320px;float:left; }

    .col-310                                                                         { width:310px;float:left;margin-right:20px; }

    .col-400                                                                         { width:400px;float:left; }

    .col-240                                                                         { width:240px;float:left; }

   

    .m-left-100                                                                     { margin-left:100px !important; }

   

    .m-top-15                                                                         { margin-top:15px !important; }

    .m-top-20                                                                         { margin-top:20px !important; }

    .m-top-30                                                                         { margin-top:30px !important; }

   

    .m-bot-30                                                                         { margin-bottom:30px !important; }

    .m-bot-5                                                                         { margin-bottom:5px !important; }

    .m-bot-15                                                                         { margin-bottom:15px !important; }

    .m-bot-20                                                                         { margin-bottom:20px !important; }

    .m-bot-10                                                                         { margin-bottom:10px !important; }

   

   

/*----- Content Elements ----------------------------------------------------------------*/

   

    .page                                                                             { width:960px;border:1px solid #000;margin:25px auto 0 auto;box-shadow: 0 2px 4px rgba(98,121,132,.15),  inset 1px 0 #B9C4CF;border: solid 1px #b9c4cf;border-radius:3px;border-left:0 solid #000;background:url('images/back-page.png') repeat-y left top; }   

        .page1                                                                             { width:960px;border:1px solid #000;margin:25px auto 0 auto;box-shadow: 0 2px 4px rgba(98,121,132,.15),  inset 1px 0 #B9C4CF;border: solid 1px #b9c4cf;border-radius:3px;border-left:0 solid #000; }   

 .page2                                                                            { width:960px;border:1px solid #000;margin:25px auto 0 auto;box-shadow: 0 2px 4px rgba(98,121,132,.15),  inset 1px 0 #B9C4CF;border: solid 1px #b9c4cf;border-radius:3px;border-left:0 solid #000; width:700px; margin:0 auto; }  

    #layout                                                                         { margin-bottom:50px; }

   

    #header                                                                             { width:960px;height:149px;margin:auto; }

    #header-wrapper                                                                 { background:url('images/back-header.png'); }

   

    #user-wrapper                                                                     { height:50px; }

    #user-wrapper .color-scheme                                                     { float:left;height:40px;line-height:50px;padding-top:10px; }

    #user-wrapper .user                                                             { float:right;height:50px; }

    #user-wrapper .user img                                                         { display:block;margin-top:10px;float:left; }

    #user-wrapper .user span                                                         { margin-top:0;font-size:12px;font-weight:bold;margin:15px 0 0 10px;padding:0;display:block;float:left;text-shadow:0 1px #556570;color:#b3c5d1; }

    #user-wrapper .user span > a                                                     { color:#fff; }

    #user-wrapper .user span > a:hover                                                 { color:#F0F0F0; }

    #user-wrapper .user .logout a                                                     { color:#b3c5d1 !important;margin-left:35px; }

    #user-wrapper .user .logout a:hover                                                 { color:#ADBCB4 !important; }

    #user-wrapper .user .logout                                                     { background:url('images/icon-logout.png') no-repeat center right;padding-right:20px; }

    #user-wrapper .color-scheme .button                                             { font-size:12px;color:#2f404a;text-shadow:0 1px #97a8b3;display:block;height:30px;width:145px;background:url('images/back-color-scheme-button.png') no-repeat;line-height:30px;padding-left:10px; }

   

    #launcher-wrapper                                                                 { height:99px; }

    #launcher-wrapper .logo                                                         { height:99px;float:left; }

    #launcher-wrapper .logo a                                                         { color: white;

    display: block;

    font-size: 30px;

    font-weight: bold;

    height: 30px;

    margin-top: 35px;

    text-shadow: 0.1em 0.1em 0.2em black; }

   

    #launcher-wrapper .launcher                                                     { height:99px;float:right; }

    #launcher-wrapper .launcher ul                                                     { padding-top:20px; }

    #launcher-wrapper .launcher ul li                                                 {-moz-transition: all 0.4s ease-in;-webkit-transition: all 0.4s ease-in; float:left;margin-right:60px;display:block;height:55px;position:relative; }

    #launcher-wrapper .launcher ul li .red-bullet                                     { position:absolute;top:-5px;left:25px;display:block;height:20px;width:20px;background:url('images/back-red-bullet.png') no-repeat; }

    #launcher-wrapper .launcher ul li a                                             { -moz-transition: all 0.4s ease-in;-webkit-transition: all 0.4s ease-in;opacity:1;display:block;padding-top:35px;font-size:12px;color: #FFF;font-weight:bold;}

   

        #launcher-wrapper .launcher ul .users                                             { background:url('images/icon-users.png') no-repeat center top; }

        #launcher-wrapper .launcher ul .users:hover                                            { background:url('images/icon-users_hover.png') no-repeat center top; }

    #launcher-wrapper .launcher ul .mailbox                                         { background:url('images/icon-message.png') no-repeat center top; }

    #launcher-wrapper .launcher ul .mailbox:hover                                        { background:url('images/icon-message_hover.png') no-repeat center top; }

    #launcher-wrapper .launcher ul .dialog                                             { background:url('images/icon-dialog.png') no-repeat center top; }

   

    #launcher-wrapper .launcher ul .settings                                         { background:url('images/icon-settings.png') no-repeat center top; }

    #launcher-wrapper .launcher ul .settings:hover                                         { background:url('images/icon-settings_hover.png') no-repeat center top; }

   

    #sidebar                                                                         { width:259px;background:#f0f2f5;float:left; }

    #content                                                                         { width:640px;float:left;/*min-height:540px;*/padding:30px; /*background-color:#FFF;*/ }

   

    #navigation                                                                     { margin-top:-1px;border-top:1px solid #B9C4CF;border-left:1px solid #B9C4CF;border-radius:4px 0 0 0;border-right:1px solid #B9C4CF;overflow:visible; }

    #navigation li                                                                     { display:block;height:50px;padding:1px 1px 0 1px;background:#B9C4CF;position:relative;border-bottom:1px solid #B9C4CF;

     background:url(images/menu_bg.png) repeat-x;}

    #navigation li.last                                                             { padding-bottom:1px; }

    #navigation a                                                                     { display:block;height:50px;-moz-transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;background:transparent;font-size:14px;color:#757f8c;font-family:Arial;font-weight:bold;text-shadow:0 1px #fff;line-height:50px;padding-left:40px; }



    #navigation .back                                                                 { display:block;height:50px;-moz-transition: opacity 0.3s ease-out;-webkit-transition: opacity 0.3s ease-out;background-image: -webkit-linear-gradient(bottom, #0163ac 11%, #43a6da 99%, #73bde4);background-image: -moz-linear-gradient(bottom, #0163ac 11%, #43a6da 99%, #73bde4);background-image: -o-linear-gradient(bottom, #0163ac 11%, #43a6da 99%, #73bde4);background-image: -ms-linear-gradient(bottom, #0163ac 11%, #43a6da 99%, #73bde4);background-image: linear-gradient(to top, #0163ac 11%, #43a6da 99%, #73bde4);color:#fff;text-shadow:0 1px #11517b;line-height:50px;position:absolute;z-index:5;width:255px;opacity:0;border:1px solid #035491;top:-1px;left:-1px;padding:0 1px; }

   

    #navigation li.active div,

    #navigation li:hover div                                                          { position:relative;z-index:10;left:0;top:0;width:255px; }

   

    #navigation li.active div.back,

    #navigation li:hover div.back                                                     { opacity:1;z-index:5;left:-1px;top:-1px;width:255px;padding:0 1px; }

   

    #navigation li.first ,

    #navigation li.first a,

    #navigation li.first div                                                         { border-radius:3px 0 0 0; }

   

    #navigation li.active:hover a                                                     { color:#fff;text-shadow:0 1px #11517b; }



    #navigation li span                                                             { position:absolute;right:20px;top:15px;height:21px;width:40px;text-align:center;font-weight:bold;font-size:10px;line-height:20px;font-family:verdana, arial, "trebuchet ms";color:#56646F;text-shadow:0 1px #CBD3D9;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;background:url('images/back-calendar-bullet-grey.png') no-repeat;letter-spacing:-1px; }

    #navigation li:hover span,

    #navigation li.active span                                                         { position:absolute;right:22px;top:15px;color:#fff;text-shadow:0 1px #0E4F79;border:none;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;mage: -ms-linear-gradient(top, #0d5b8c, #156ea8);letter-spacing:-1px;background:url('images/back-calendar-bullet-blue.png') no-repeat; }

   

    #navigation li div {  }

   

   

    #navigation li:hover div,

    #navigation li.active div                                                         { position:absolute;height:50px;padding:1px;width:257px;top:0;left:0;-webkit-box-shadow: 0 2px 2px rgba(0,0,0,.15), inset 0 1px rgba(255,255,255,.25);-moz-box-shadow: 0 2px 2px rgba(0,0,0,.15), inset 0 1px rgba(255,255,255,.25);box-shadow: 0 2px 2px rgba(0,0,0,.15), inset 0 1px rgba(255,255,255,.25); }

   

   

   

    #navigation li:hover a                                                             { color:#fff;text-shadow:0 1px #11517b; }

    #navigation li:hover a,

    #navigation li.active a                                                         { position:relative;background:transparent;text-shadow:0 1px #11517b;color:#fff; }

   

    #navigation li.active .icon-nav,

    #navigation li:hover .icon-nav { top:18px; }

   

    #navigation .icon-nav                                                             { position:absolute;top:18px;left:15px;width:17px;height:17px;display:block;    z-index:9999;-webkit-border-radius: none !important;-moz-border-radius: none !important;border-radius: none !important;-webkit-box-shadow: none !important;-moz-box-shadow: none !important;box-shadow: none !important;border: none !important; }

   

    #navigation li:hover .icon-nav                                                     { -webkit-border-radius: none !important;-moz-border-radius: none !important;border-radius: none !important;        -webkit-box-shadow: none !important;-moz-box-shadow: none !important;box-shadow: none !important;border: none !important; } 

   

    #navigation .icon-nav.dashboard                                                 { background:url('images/nav-icons.png') no-repeat 0 0; }

    #navigation .icon-nav.calendar                                                     { background:url('images/nav-icons.png') no-repeat -17px 0; }

    #navigation .icon-nav.interface-elements                                         { background:url('images/nav-icons.png') no-repeat -34px 0; }

    #navigation .icon-nav.form-elements                                             { background:url('images/nav-icons.png') no-repeat -51px 0; }

    #navigation .icon-nav.settings                                                     { background:url('images/nav-icons.png') no-repeat -68px 0; }

    #navigation .icon-nav.typography                                                 { background:url('images/nav-icons.png') no-repeat -85px 0; }

    #navigation .icon-nav.tables                                                     { background:url('images/nav-icons.png') no-repeat -102px 0; }

    #navigation .icon-nav.gallery                                                     { background:url('images/nav-icons.png') no-repeat -119px 0; }

    #navigation .icon-nav.users                                                     { background:url('images/nav-icons.png') no-repeat -136px 0; }

   

    #navigation li.active .icon-nav.dashboard                                         { background:url('images/nav-icons.png') no-repeat 0 -17px; }

    #navigation li.active .icon-nav.calendar                                         { background:url('images/nav-icons.png') no-repeat -17px -17px; }

    #navigation li.active .icon-nav.interface-elements                                 { background:url('images/nav-icons.png') no-repeat -34px -17px; }

    #navigation li.active .icon-nav.form-elements                                     { background:url('images/nav-icons.png') no-repeat -51px -17px;  }

    #navigation li.active .icon-nav.settings                                         { background:url('images/nav-icons.png') no-repeat -68px -17px; }

    #navigation li.active .icon-nav.typography                                         { background:url('images/nav-icons.png') no-repeat -85px -17px; }

    #navigation li.active .icon-nav.tables                                             { background:url('images/nav-icons.png') no-repeat -102px -17px; }

    #navigation li.active .icon-nav.gallery                                         { background:url('images/nav-icons.png') no-repeat -119px -17px; }

    #navigation li.active .icon-nav.users                                             { background:url('images/nav-icons.png') no-repeat -136px -17px; }

   

    #navigation li:hover .icon-nav.dashboard                                        { background:url('images/nav-icons.png') no-repeat 0 -17px; }

    #navigation li:hover .icon-nav.calendar                                         { background:url('images/nav-icons.png') no-repeat -17px -17px; }

    #navigation li:hover .icon-nav.interface-elements                                 { background:url('images/nav-icons.png') no-repeat -34px -17px; }

    #navigation li:hover .icon-nav.form-elements                                     { background:url('images/nav-icons.png') no-repeat -51px -17px;  }

    #navigation li:hover .icon-nav.settings                                         { background:url('images/nav-icons.png') no-repeat -68px -17px; }

    #navigation li:hover .icon-nav.typography                                         { background:url('images/nav-icons.png') no-repeat -85px -17px; }

    #navigation li:hover .icon-nav.tables                                             { background:url('images/nav-icons.png') no-repeat -102px -17px; }

    #navigation li:hover .icon-nav.gallery                                             { background:url('images/nav-icons.png') no-repeat -119px -17px; }

    #navigation li:hover .icon-nav.users                                             { background:url('images/nav-icons.png') no-repeat -136px -17px; }

   

    .breadcrumb                                                                     { height:40px;background:url('images/back-breadcrumb.png') no-repeat left top;margin-bottom:30px;padding-left:5px; }

    .breadcrumb li                                                                     { height:40px;padding:0 28px 0 10px;float:left;background:url('images/back-breadcrumb.png') no-repeat right -80px; }

    .breadcrumb li.last                                                             { background:url('images/back-breadcrumb.png') no-repeat right -40px; }

    .breadcrumb li a                                                                 { display:block;height:40px;font-weight:bold;color:#757F8C;line-height:40px;text-shadow:0 1px #FEFEFF; }

    .breadcrumb li.home                                                                 { width:40px;height:40px;padding:0 5px; }

    .breadcrumb li.home a                                                             { background:url('images/icon-home-breadcrumb.png') no-repeat 2px 12px; }

   

    .index-large-icon a                                                             { margin-right:18px; }

   

    /*----- Typography Page ----------------------------------------------------------------*/   

       

    .list-style-arrow-right                                                         { float:left; }

    .list-style-circle                                                                 { float:left; }

    .list-style-arrow-two                                                             { float:left; }

    .list-style-arrow-right li                                                         { padding-left:20px;font-size:12px;color:#757f8c;margin-bottom:8px;background:url('images/arrow-right.png') no-repeat 0px 6px; }

    .list-style-circle li                                                             { padding-left:20px;font-size:12px;color:#757f8c;margin-bottom:8px;background:url('images/icon-circle.png') no-repeat 0px 7px; }

    .list-style-arrow-two li                                                         { padding-left:20px;font-size:12px;color:#757f8c;margin-bottom:8px;background:url('images/bullet-arrow2.png') no-repeat 0px 6px; }

   

    /*----- Interface Elements ----------------------------------------------------------------*/   

   

   

    .button-orange                                                                     { -moz-transition: all 0.4s ease-in;-webkit-transition: all 0.4s ease-in;opacity:1;margin-right:5px;-webkit-box-shadow: 0 2px 4px rgba(0,0,0,.25), inset 0 1px rgba(255,255,255,.4);-moz-box-shadow: 0 2px 4px rgba(0,0,0,.25), inset 0 1px rgba(255,255,255,.4);box-shadow: 0 2px 4px rgba(0,0,0,.25), inset 0 1px rgba(255,255,255,.4);border: solid 1px #e44100;background-image: -webkit-linear-gradient(bottom, #e44000, #ff9c00);background-image: -moz-linear-gradient(bottom, #e44000, #ff9c00);background-image: -o-linear-gradient(bottom, #e44000, #ff9c00);background-image: -ms-linear-gradient(bottom, #e44000, #ff9c00);background-image: linear-gradient(to top, #e44000, #ff9c00);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9c00', endColorstr='#e44000');display:inline-block;padding:4px 14px;border-radius:6px;font-family:arial;font-weight:bold;font-size:12px;color:#fff;text-shadow:0 1px #af3d00;oveflow:hidden; }

    .button-orange:hover                                                             { opacity:0.85;background-color: #000;background-image: -webkit-linear-gradient(bottom, #d74103, #fa9906);background-image: -moz-linear-gradient(bottom, #d74103, #fa9906);background-image: -o-linear-gradient(bottom, #d74103, #fa9906);background-image: -ms-linear-gradient(bottom, #d74103, #fa9906);background-image: linear-gradient(to top, #d74103, #fa9906); }

    .button-orange:active                                                             { color:#fff; }

   

    .button-blue                                                                     { -moz-transition: all 0.4s ease-in;-webkit-transition: all 0.4s ease-in;opacity:1;-webkit-box-shadow: 0 2px 4px rgba(0,0,0,.25), inset 0 1px rgba(255,255,255,.4);-moz-box-shadow: 0 2px 4px rgba(0,0,0,.25), inset 0 1px rgba(255,255,255,.4);box-shadow: 0 2px 4px rgba(0,0,0,.25), inset 0 1px rgba(255,255,255,.4);border: solid 1px #187ca1;background-image: -webkit-linear-gradient(bottom, #1690c3, #60c0e7);background-image: -moz-linear-gradient(bottom, #1690c3, #60c0e7);background-image: -o-linear-gradient(bottom, #1690c3, #60c0e7);background-image: -ms-linear-gradient(bottom, #1690c3, #60c0e7);background-image: linear-gradient(to top, #1690c3, #60c0e7);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#60c0e7', endColorstr='#1690c3');display:inline-block;padding:4px 14px;border-radius:6px;font-family:arial;font-weight:bold;font-size:12px;color:#fff;text-shadow:0 1px #287b9d; }

    .button-blue:hover                                                                 { opacity:0.85;background-image: -webkit-linear-gradient(bottom, #1788b8, #58b7dd);background-image: -moz-linear-gradient(bottom, #1788b8, #58b7dd);background-image: -o-linear-gradient(bottom, #1788b8, #58b7dd);background-image: -ms-linear-gradient(bottom, #1788b8, #58b7dd);background-image: linear-gradient(to top, #1788b8, #58b7dd); }   

    .button-blue:active                                                             { color:#fff; }

   

    .button-green                                                                     { -moz-transition: all 0.4s ease-in;-webkit-transition: all 0.4s ease-in;opacity:1;margin-right:5px;-webkit-box-shadow: 0 2px 4px rgba(0,0,0,.25), inset 0 1px rgba(255,255,255,.4);-moz-box-shadow: 0 2px 4px rgba(0,0,0,.25), inset 0 1px rgba(255,255,255,.4);box-shadow: 0 2px 4px rgba(0,0,0,.25), inset 0 1px rgba(255,255,255,.4);border: solid 1px #1ea13a;background-image: -webkit-linear-gradient(top, #7ee594, #2db54a);background-image: -moz-linear-gradient(top, #7ee594, #2db54a);background-image: -o-linear-gradient(top, #7ee594, #2db54a);background-image: -ms-linear-gradient(top, #7ee594, #2db54a);background-image: linear-gradient(to bottom, #7ee594, #2db54a);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7ee594', endColorstr='#2db54a');display:inline-block;padding:4px 14px;border-radius:6px;font-family:arial;font-weight:bold;font-size:12px;color:#fff;text-shadow:0 1px #349248; }

    .button-green:hover                                                             { opacity:0.85;background-image: -webkit-linear-gradient(bottom, #2aaa45, #77db8c);background-image: -moz-linear-gradient(bottom, #2aaa45, #77db8c);background-image: -o-linear-gradient(bottom, #2aaa45, #77db8c);background-image: -ms-linear-gradient(bottom, #2aaa45, #77db8c);background-image: linear-gradient(to top, #2aaa45, #77db8c); }

    .button-green:active                                                             { color:#fff; }

   

    .button-brown                                                                     {-moz-transition: all 0.4s ease-in;-webkit-transition: all 0.4s ease-in;opacity:1; margin-right:5px;-webkit-box-shadow: 0 2px 4px rgba(0,0,0,.25), inset 0 1px rgba(255,255,255,.3);-moz-box-shadow: 0 2px 4px rgba(0,0,0,.25), inset 0 1px rgba(255,255,255,.3);box-shadow: 0 2px 4px rgba(0,0,0,.25), inset 0 1px rgba(255,255,255,.3);border: solid 1px #56293a;background-image: -webkit-linear-gradient(bottom, #542738, #af8495);background-image: -moz-linear-gradient(bottom, #542738, #af8495);background-image: -o-linear-gradient(bottom, #542738, #af8495);background-image: -ms-linear-gradient(bottom, #542738, #af8495);background-image: linear-gradient(to top, #542738, #af8495);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#af8495', endColorstr='#542738');display:inline-block;padding:4px 14px;border-radius:6px;font-family:arial;font-weight:bold;font-size:12px;color:#fff;text-shadow:0 1px #53323e; }

    .button-brown:hover,.sub_acive                                                            { opacity:0.85;background-image: -webkit-linear-gradient(bottom, #44202e, #a27b8a);background-image: -moz-linear-gradient(bottom, #44202e, #a27b8a);background-image: -o-linear-gradient(bottom, #44202e, #a27b8a);background-image: -ms-linear-gradient(bottom, #44202e, #a27b8a);background-image: linear-gradient(to top, #44202e, #a27b8a); }

    .button-brown:active                                                             { color:#fff; }

   

    .button-blue-light                                                                 { -moz-transition: all 0.4s ease-in;-webkit-transition: all 0.4s ease-in;opacity:1;margin-right:5px;-webkit-box-shadow: 0 2px 4px rgba(0,0,0,.25), inset 0 1px rgba(255,255,255,.4);-moz-box-shadow: 0 2px 4px rgba(0,0,0,.25), inset 0 1px rgba(255,255,255,.4);box-shadow: 0 2px 4px rgba(0,0,0,.25), inset 0 1px rgba(255,255,255,.4);border: solid 1px #2b9f9b;background-image: -webkit-linear-gradient(bottom, #39ada9, #7ee6e2);background-image: -moz-linear-gradient(bottom, #39ada9, #7ee6e2);background-image: -o-linear-gradient(bottom, #39ada9, #7ee6e2);background-image: -ms-linear-gradient(bottom, #39ada9, #7ee6e2);background-image: linear-gradient(to top, #39ada9, #7ee6e2);display:inline-block;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7ee6e2', endColorstr='#39ada9');padding:4px 14px;border-radius:6px;font-family:arial;font-weight:bold;font-size:12px;color:#fff;text-shadow:0 1px #368b88; }

    .button-blue-light:hover                                                         { opacity:0.85;background-image: -webkit-linear-gradient(bottom, #349d99, #79dfdb);background-image: -moz-linear-gradient(bottom, #349d99, #79dfdb);background-image: -o-linear-gradient(bottom, #349d99, #79dfdb);background-image: -ms-linear-gradient(bottom, #349d99, #79dfdb);background-image: linear-gradient(to top, #349d99, #79dfdb); }   

    .button-blue-light:active                                                         { color:#fff; }

   

    .button-grey                                                                     { -moz-transition: all 0.4s ease-in;-webkit-transition: all 0.4s ease-in;opacity:1;margin-right:5px;-webkit-box-shadow: 0 2px 3px rgba(0,0,0,.15), inset 0 1px rgba(255,255,255,.4);-moz-box-shadow: 0 2px 3px rgba(0,0,0,.15), inset 0 1px rgba(255,255,255,.4);box-shadow: 0 2px 3px rgba(0,0,0,.15), inset 0 1px rgba(255,255,255,.4);border: solid 1px #b6b6b6;background-image: -webkit-linear-gradient(bottom, #dfdfdf, #fff);background-image: -moz-linear-gradient(bottom, #dfdfdf, #fff);background-image: -o-linear-gradient(bottom, #dfdfdf, #fff);background-image: -ms-linear-gradient(bottom, #dfdfdf, #fff);background-image: linear-gradient(to top, #dfdfdf, #fff);display:inline-block;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFBFB', endColorstr='#F1F3F5');padding:4px 14px;border-radius:6px;font-family:arial;font-weight:bold;font-size:12px;color:#767676;text-shadow:0 1px #f6f6f6; }

    .button-grey:hover                                                                 { opacity:0.85;background-color: #efeded;background-image: -webkit-linear-gradient(bottom, #dcdbdb, #f3f2f2);background-image: -moz-linear-gradient(bottom, #dcdbdb, #f3f2f2);background-image: -o-linear-gradient(bottom, #dcdbdb, #f3f2f2);background-image: -ms-linear-gradient(bottom, #dcdbdb, #f3f2f2);background-image: linear-gradient(to top, #dcdbdb, #f3f2f2); }

    .button-grey:active                                                             { color:#767676;text-shadow:0 1px #f6f6f6; }

   

    .button-orange.arrow                                                             { position:relative;padding-right:40px; }

    .button-orange.arrow span                                                         { display:block;height:31px;width:30px;background:url('images/button-arrow-light.png') no-repeat;position:absolute;right:0;top:-1px; }

   

    .button-blue.arrow                                                                 { position:relative;padding-right:40px; }

    .button-blue.arrow span                                                         { display:block;height:31px;width:30px;background:url('images/button-arrow.png') no-repeat;position:absolute;right:0;top:-1px; }

   

    .button-blue-light.arrow                                                         { position:relative;padding-right:40px; }

    .button-blue-light.arrow span                                                     { display:block;height:31px;width:30px;background:url('images/button-arrow.png') no-repeat;position:absolute;right:0;top:-1px; }

   

    .button-green.arrow                                                             { position:relative;padding-right:40px; }

    .button-green.arrow span                                                         { display:block;height:31px;width:30px;background:url('images/button-arrow.png') no-repeat;position:absolute;right:0;top:-1px; }

   

    .button-brown.arrow                                                             { position:relative;padding-right:40px; }

    .button-brown.arrow span                                                         { display:block;height:31px;width:30px;background:url('images/button-arrow.png') no-repeat;position:absolute;right:0;top:-1px; }

   

    .button-grey.arrow                                                                 { position:relative;padding-right:40px; }

    .button-grey.arrow span                                                         { display:block;height:31px;width:30px;background:url('images/button-arrow-light-grey.png') no-repeat;position:absolute;right:0;top:-2px; }

   

    .large-icon                                                                     {  -moz-transition: opacity 0.4s ease-in;-webkit-transition: opacity 0.4s ease-in;opacity:1;display:block;width:76px;height:78px;background:url('images/back-large-icon.png') no-repeat left top;position:relative;float:left;margin-right:15px;margin-bottom:15px; }

    .large-icon:hover                                                                 { opacity:0.75;background-position:right top; }

   

    .large-icon span                                                                 { display:block;height:55px;width:55px;position:absolute;top:10px;left:10px;background:transparent; }

    .large-icon.one span                                                             { background:url('images/large-icons.png') no-repeat 0 0; }

    .large-icon.two span                                                             { background:url('images/large-icons.png') no-repeat -55px 0; }

    .large-icon.three span                                                             { background:url('images/large-icons.png') no-repeat -110px 0; }

    .large-icon.four span                                                             { background:url('images/large-icons.png') no-repeat -165px 0; }

    .large-icon.five span                                                             { background:url('images/large-icons.png') no-repeat -220px 0; }

    .large-icon.six span                                                             { background:url('images/large-icons.png') no-repeat -275px 0; }

    .large-icon.seven span                                                             { background:url('images/large-icons.png') no-repeat -330px 0; }

    .large-icon.eight span                                                             { background:url('images/large-icons.png') no-repeat -385px 0; }

    .large-icon.nine span                                                             { background:url('images/large-icons.png') no-repeat -440px 0; }

    .large-icon.ten span                                                             { background:url('images/large-icons.png') no-repeat -495px 0; }

    .large-icon.eleven span                                                         { background:url('images/large-icons.png') no-repeat -550px 0; }

    .large-icon.twelve span                                                             { background:url('images/large-icons.png') no-repeat -605px 0; }

    .large-icon.thirteen span                                                         { background:url('images/large-icons.png') no-repeat -660px 0; }

    .large-icon.fourteen span                                                         { background:url('images/large-icons.png') no-repeat -715px 0; }

    .large-icon.fifteen span                                                         { background:url('images/large-icons.png') no-repeat -770px 0; }

    .large-icon.sixteen span                                                         { background:url('images/large-icons.png') no-repeat -825px 0; }

    .large-icon.seventeen span                                                         { background:url('images/large-icons.png') no-repeat -880px 0; }

    .large-icon.eighteen span                                                         { background:url('images/large-icons.png') no-repeat -935px 0; }

    .large-icon.nineteen span                                                         { background:url('images/large-icons.png') no-repeat -990px 0; }

    .large-icon.twenty span                                                         { background:url('images/large-icons.png') no-repeat -1045px 0; }

    .large-icon.twenty-one span                                                     { background:url('images/large-icons.png') no-repeat -1100px 0; }

   

    .notice-one                                                                     { -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.15), inset 0 1px rgba(255,255,255,.75);-moz-box-shadow: 0 2px 4px rgba(0,0,0,.15), inset 0 1px rgba(255,255,255,.75);box-shadow: 0 2px 4px rgba(0,0,0,.15), inset 0 1px rgba(255,255,255,.75);border: solid 1px #beb877;background-image: -webkit-linear-gradient(bottom, #f6f1b5, #fbf8cf);background-image: -moz-linear-gradient(bottom, #f6f1b5, #fbf8cf);background-image: -o-linear-gradient(bottom, #f6f1b5, #fbf8cf);background-image: -ms-linear-gradient(bottom, #f6f1b5, #fbf8cf);background-image: linear-gradient(to top, #f6f1b5, #fbf8cf);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbf8cf', endColorstr='#f6f1b5');border-radius:4px;height:45px;line-height:45px;padding-left:20px;font-family:arial;font-weight:bold;text-shadow:0 1px #fefdf2;font-size:14px;position:relative;color:#6f6b43;margin-bottom:15px;cursor:pointer; }

    .notice-one span                                                                 { display:block;height:15px;width:20px;background:url('images/icons-notices.png') no-repeat 0 0;position:absolute;right:10px;top:14px; }

       

    .notice-two                                                                     { -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.15), inset 0 1px rgba(255,255,255,.75);-moz-box-shadow: 0 2px 4px rgba(0,0,0,.15), inset 0 1px rgba(255,255,255,.75);box-shadow: 0 2px 4px rgba(0,0,0,.15), inset 0 1px rgba(255,255,255,.75);border: solid 1px #81a6b6;background-image: -webkit-linear-gradient(bottom, #c6e7f5, #dcf2fb);background-image: -moz-linear-gradient(bottom, #c6e7f5, #dcf2fb);background-image: -o-linear-gradient(bottom, #c6e7f5, #dcf2fb);background-image: -ms-linear-gradient(bottom, #c6e7f5, #dcf2fb);background-image: linear-gradient(to top, #c6e7f5, #dcf2fb);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dcf2fb', endColorstr='#c6e7f5');border-radius:4px;height:45px;line-height:45px;padding-left:20px;font-family:arial;font-weight:bold;text-shadow:0 1px #fefdf2;font-size:14px;position:relative;color:#4c7384;margin-bottom:15px;cursor:pointer; }   

    .notice-two span                                                                 { display:block;height:15px;width:20px;background:url('images/icons-notices.png') no-repeat -20px 0;position:absolute;right:10px;top:14px; }

   

    .notice-three                                                                     { -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.15), inset 0 1px rgba(255,255,255,.75);-moz-box-shadow: 0 2px 4px rgba(0,0,0,.15), inset 0 1px rgba(255,255,255,.75);box-shadow: 0 2px 4px rgba(0,0,0,.15), inset 0 1px rgba(255,255,255,.75);border: solid 1px #bd9191;background-image: -webkit-linear-gradient(top, #fbe3e4, #ecc5c7);background-image: -moz-linear-gradient(top, #fbe3e4, #ecc5c7);background-image: -o-linear-gradient(top, #fbe3e4, #ecc5c7);background-image: -ms-linear-gradient(top, #fbe3e4, #ecc5c7);background-image: linear-gradient(to bottom, #fbe3e4, #ecc5c7);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbe3e4', endColorstr='#ecc5c7');border-radius:4px;height:45px;line-height:45px;padding-left:20px;font-family:arial;font-weight:bold;text-shadow:0 1px #fefdf2;font-size:14px;position:relative;color:#855757;margin-bottom:15px;cursor:pointer; }

    .notice-three span                                                                 { display:block;height:15px;width:20px;background:url('images/icons-notices.png') no-repeat -40px 0;position:absolute;right:10px;top:14px; }

   

    .notice-four                                                                     { -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.15), inset 0 1px rgba(255,255,255,.75);-moz-box-shadow: 0 2px 4px rgba(0,0,0,.15), inset 0 1px rgba(255,255,255,.75);box-shadow: 0 2px 4px rgba(0,0,0,.15), inset 0 1px rgba(255,255,255,.75);border: solid 1px #a5b36b;background-image: -webkit-linear-gradient(bottom, #e6efc2, #f1f7db);background-image: -moz-linear-gradient(bottom, #e6efc2, #f1f7db);background-image: -o-linear-gradient(bottom, #e6efc2, #f1f7db);background-image: -ms-linear-gradient(bottom, #e6efc2, #f1f7db);background-image: linear-gradient(to top, #e6efc2, #f1f7db);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f7db', endColorstr='#e6efc2');border-radius:4px;height:45px;line-height:45px;padding-left:20px;font-family:arial;font-weight:bold;text-shadow:0 1px #fefdf2;font-size:14px;position:relative;color:#6f7a42;margin-bottom:15px;cursor:pointer; }   

    .notice-four span                                                                 { display:block;height:15px;width:20px;background:url('images/icons-notices.png') no-repeat -60px 0;position:absolute;right:10px;top:14px; }

       

    .panel                                                                             { margin-bottom:30px; }

   

    .tabs                                                                            { background:#fff;height:41px;line-height:41px;position:relative;  }

    .tabs li                                                                         { line-height:41px;font-size:12px;font-family:"Droid Sans", Arial, Verdana;float:left;display:block;height:41px;font-weight:bold;color:#757f8c;text-shadow:0 1px #f2f4f6; }

    .tabs li:first-child                                                             { border:none; }

    .tabs li.active                                                                 { background:url('images/back-tab.png') repeat-x left bottom;border-left:1px solid #b9c4cf;border-right:1px solid #b9c4cf;border-top:1px solid #b9c4cf;border-top-left-radius:3px;border-top-right-radius:3px; }

    .tabs li.active.last                                                            { border-right:1px solid #b9c4cf; }

   

    .tabs li a                                                                         { text-decoration:none;color:#5A5A5A;height:41px;line-height:41px;display:block;padding:0 20px;font-size:12px;font-weight:bold;color:#757f8c;text-shadow:0 1px #f2f4f6;font-family:arial; }

     

    .panel .tabs .active                                                             { background:url('images/back-tab.png') repeat-x left bottom; }

    .panel. .title,

    .panel .tabs                                                                     {  }

   

    .tabs li a:link                                                                 {  }

    .tabs li a:visited                                                                 {  }

    .tabs li a:hover                                                                 { text-decoration:none; }

    .tabs li a:active                                                                 {  }

    

    .tabs-content                                                                     { padding:20px;border:1px solid #b9c4cf;-webkit-box-shadow: 0 2px 4px rgba(5,22,52,.2), inset 0 1px 3px rgba(5,22,52,.2);-moz-box-shadow: 0 2px 4px rgba(5,22,52,.2), inset 0 1px 3px rgba(5,22,52,.2);box-shadow: 0 2px 4px rgba(5,22,52,.2), inset 0 1px 3px rgba(5,22,52,.2);border-radius:4px;  }

    .tabs-content.first-tab    { border-radius:0 4px 4px 4px; }

   

    .tabs-content > div                                                                { display:none; }

    .tabs-content > div.active                                                        { display:block; }

   

    .tabs-content p                                                                     { margin-bottom:0; }

   

    .accordion                                                                         { border:1px solid #b9c4cf;-webkit-box-shadow: 0 2px 4px rgba(5,22,52,.2), inset 0 2px 4px rgba(5,22,52,.2)-moz-box-shadow: 0 2px 4px rgba(5,22,52,.2), inset 0 2px 4px rgba(5,22,52,.2);box-shadow: 0 2px 4px rgba(5,22,52,.2), inset 0 1px 3px rgba(5,22,52,.2);border-radius:3px;overflow:hidden; }

    .accordion h4                                                                     { cursor:pointer;border-top:0px solid #b9c4cf;line-height:41px;font-size:12px;font-family:Arial;display:block;height:41px;font-weight:bold;color:#757f8c;text-shadow:0 1px #f2f4f6;background:url('images/back-tab.png') repeat-x left bottom;width:93.6%;padding-left:20px;position:relative;margin-bottom:0; }

    .accordion div                                                                     { padding:20px; }

    .accordion p                                                                     { margin-bottom:0; }

    .accordion h4.first                                                             { border-top:none; }

    .accordion h4 > span                                                             { display:block;background:url('images/accordion-icons.png') no-repeat right top;width:10px;height:10px;position:absolute;right:10px;top:15px; }

    .accordion > li > div                                                             { display:none; }

    .accordion > li.current > div                                                     { display:block;border-bottom: 1px solid #B9C4CF; }

    .accordion > li.current.last > div                                                 { border-bottom:none; }

    .accordion > li.current h4 > span                                                { background:url('images/accordion-icons.png') no-repeat left top;position:absolute;right:10px;top:16px; }

   

   

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



    .gallery li                                                                     { display:block;width:117px;height:120px;background:url('images/back-img-gallery.png') no-repeat;float:left;margin-right:11px;position:relative;margin-bottom:8px;position:relative; }

    .gallery div                                                                     { width:103px;height:103px;position:absolute;top:7px;left:7px;background:url('images/back-gallery-overlay.png');border-radius:4px;display:block;opacity:0;-webkit-transition: all 0.2s ease-in;-moz-transition: all 0.2s ease-in;-o-transition: all 0.2s ease-in;transition: all 0.2s ease-in;opacity:0;filter:alpha(opacity = 0); }

    .gallery li:hover div                                                             { z-index:9999;opacity:1;filter:alpha(opacity = 70); }



    .gallery div a                                                                     { display:block;width:62px;height:62px;background:url('images/back-search-gallery.png') no-repeat;-webkit-transition: all 0.2s ease-in;-moz-transition: all 0.2s ease-in;-o-transition: all 0.2s ease-in;transition: all 0.2s ease-in;position:absolute;left:20px;bottom:-40px; }

    .gallery li:hover div a                                                         { bottom:25px; }   

    .gallery img                                                                     { display:block;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;position:Absolute;left:7px;top:7px; }

    .gallery                                                                         { margin-bottom:5px; }



    .gallery-albums li                                                                 { cursor:pointer;display:block;float:left;width:117px;height:151px;background:url('images/back-gallery-albums.png') no-repeat;margin-right:11px;position:relative;z-index:999; }

    .gallery-albums img                                                             { z-index:999;display:block;position:Absolute;left:7px;top:7px;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px; }

    .gallery-albums .bullet                                                         { width:22px;height:22px;font-family: Arial;font-size: 10px;color: #fff;text-shadow: 0 1px rgba(0,0,0,.35);z-index:9999;text-align:center;line-height:22px;position:Absolute;top:-5px;right:-5px;background:url('images/back-bullet-gallery.png') no-repeat; }



    .gallery-albums .title                                                             { font-family: Arial;font-size: 12px;font-weight: bold;color: #757f8c;position:Absolute;bottom:14px;display:block;width:117px;text-align:center; }



    .gallery-albums li > div                                                         { height:103px;width:103px;z-index:9999;background:url('images/back-gallery-overlay.png');position:Absolute;top:7px;left:7px;border-radius:4px;display:block;opacity:0;-webkit-transition: all 0.2s ease-in;-moz-transition: all 0.2s ease-in;-o-transition: all 0.2s ease-in;transition: all 0.2s ease-in;opacity:0;filter:alpha(opacity = 0); }

    .gallery-albums li:hover div                                                    { display:block;opacity:1;filter:alpha(opacity = 70); }

   

    /*----- Tables ------------------------------------------------------------*/   

   

    table.normal-table                                                                 { font-family:arial;font-size: 12px;width:100%;text-align: left;/*border:1px solid #dce1e7;*/}

    table.normal-table thead th:first-child                                         { border-radius:4px 0 0 0; }

    table.normal-table thead th:last-child                                             { border-radius:0 4px 0 0;border-right:1px solid #b9c4cf; }

   

    table.normal-table tr td:first-child                                             { border-left:1px solid #dce1e7; }

   

    table.normal-table tr:first-child td                                             { border-top:none; }

    table.normal-table tr:last-child td                                             { border-bottom:1px solid #dce1e7; }

   

    table.normal-table td                                                             { /*border-left:1px solid #dce1e7;*/ }

    table.normal-table td:last-child                                                 { border-right:1px solid #dce1e7; }

   

    table.normal-table tr:last-child td:first-child                                 { border-radius:0 0 0 4px; }

    table.normal-table tr:last-child td:last-child                                     { border-radius:0 0 4px 0; }

   

    table.normal-table th                                                             { border-bottom:1px solid #b9c4cf;border-top:1px solid #b9c4cf; font-weight: bold;padding:0 8px;color: #5a5a5a;height:40px;background-image: -webkit-linear-gradient(bottom, #eef1f2, #fff);background-image: -moz-linear-gradient(bottom, #eef1f2, #fff);background-image: -o-linear-gradient(bottom, #eef1f2, #fff);background-image: -ms-linear-gradient(bottom, #eef1f2, #fff);background-image: linear-gradient(to top, #eef1f2, #fff);color:#757f8c;fons-size:12px;text-shadow:0 1px #fff;font-family:arial !important;border-right:1px solid #b9c4cf; }

   

    .normal-table thead                                                             { position:relative;box-shadow: 0 3px 2px rgba(0,0,0,.10), inset 0 1px rgba(255,255,255,.4);border-radius:4px;overflow:hidden; }

   

    table.normal-table th div                                                         { line-height:40px; }

    table.normal-table th:first-child                                                 { }



    table.normal-table th.first                                                     { border-left:1px solid #b9c4cf; }

   

    table.normal-table td                                                             { padding: 0 8px;background:transparent;border-top:1px solid #dddddd;border-right:1px solid #dddddd;color: #8b8b8b;height:42px;color:#757f8c; }

    table.normal-table td:first-child                                                 { border-left:none; }

    table.normal-table tr:hover td                                                     { background:#f1f4f7;box-shadow:inset 0 0 0px 1px #FFFFFF; }

   



    table.normal-table.sortable .header.headerSortUp                                { background-image:url("images/back-table-sorter-asc.png"), -moz-linear-gradient(center bottom , #EEF1F2, #FFFFFF);background-repeat:no-repeat, repeat;background-position: right center, left top;; }   

    table.normal-table.sortable .header.headerSortUp div                             { color:#000;}

   

    table.normal-table.sortable .header.headerSortDown                                 { background-image:url("images/back-table-sorter-desc.png"), -moz-linear-gradient(center bottom , #EEF1F2, #FFFFFF);background-repeat:no-repeat, repeat;background-position: right center, left top;}

    table.normal-table.sortable .header.headerSortDown div                             { color:#000; }

   

    table.normal-table.sortable .header                                             { background-image:url("images/back-table-sorter-header.png"), -moz-linear-gradient(center bottom , #EEF1F2, #FFFFFF);background-repeat:no-repeat, repeat;background-position: right center, left top; }

   

   

    /*----- Form Elements ------------------------------------------------------------*/



    form div                                                                        {  }

    form div label                                                                     { display:block;font-size:11px;color:#757f8c; }

    form div.inline label                                                             { display:inline; }

   

    .form-elements h4                                                                 { color:#757f8c;font-weight:bold; }

   

    .form-elements-inputs div>h4                                                     { margin-bottom:30px; }

   

   

   

     input,select                                                                            { padding-left:10px;font-size:12px;color:#757f8c;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;background-color: #fff;-webkit-box-shadow: 0 2px 1px rgba(0,0,0,.1), inset 0 2px 3px rgba(104,122,144,.25);-moz-box-shadow: 0 2px 1px rgba(0,0,0,.1), inset 0 2px 3px rgba(104,122,144,.25);box-shadow: 0 2px 1px rgba(0,0,0,.1), inset 0 2px 3px rgba(104,122,144,.25);border: solid 1px #b9c4cf;width:94.7%;height:30px;margin-bottom:10px;-moz-transition: all 1s;-webkit-transition: all 1s; }

    input:focus                                                                     { border:1px solid #7bafdd;box-shadow:inset 0px 1px 3px 0 rgba(0,0,0,0.2), 0 0 3px 1px rgba(123,175,221,0.8); }

   

    textarea                                                                         { font-size:12px;color:#757f8c;font-family:arial, verdana, trebuchet ms;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;background-color: #fff;-webkit-box-shadow: 0 2px 1px rgba(0,0,0,.1), inset 0 2px 3px rgba(104,122,144,.25);-moz-box-shadow: 0 2px 1px rgba(0,0,0,.1), inset 0 2px 3px rgba(104,122,144,.25);box-shadow: 0 2px 1px rgba(0,0,0,.1), inset 0 2px 3px rgba(104,122,144,.25);border: solid 1px #b9c4cf;width:97.4%;height:110px;margin-bottom:10px;padding:10px 0 0 10px; }

    textarea:focus                                                                     { border:1px solid #7bafdd;box-shadow:inset 0px 1px 3px 0 rgba(0,0,0,0.2), 0 0 3px 1px rgba(123,175,221,0.8); }

   

    input.normal                                                                     { width:290px; }

    input.small                                                                     { width:140px; }



    .input-text                                                                     { display:block;margin:-10px 0 5px 0;font-size:11px;color:#757f8c;opacity:0.5; }

   

    .progress-bar                                                                     { height: 10px;background-image: -webkit-linear-gradient(bottom, #eff1f4, #d9dee2);background-image: -moz-linear-gradient(bottom, #eff1f4, #d9dee2);background-image: -o-linear-gradient(bottom, #eff1f4, #d9dee2);background-image: -ms-linear-gradient(bottom, #eff1f4, #d9dee2);background-image: linear-gradient(to top, #eff1f4, #d9dee2);border-radius:10px;border-top:1px solid #b9c4cf;border-bottom:1px solid #d7dee4;border-left:1px solid #cbd3dc;border-right:1px solid #cbd3dc; }

    .progress-bar div                                                                 { -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.25), inset 0 1px rgba(255,255,255,.4);-moz-box-shadow: 0 1px 2px rgba(0,0,0,.25), inset 0 1px rgba(255,255,255,.4);box-shadow: 0 1px 2px rgba(0,0,0,.25), inset 0 1px rgba(255,255,255,.4);border: solid 1px #0c8782;background:url(images/progress-bar-overlay.png) repeat-x left top, -webkit-linear-gradient(left, #39ada9, #9bdfae);background:url(images/progress-bar-overlay.png) repeat-x left top, -moz-linear-gradient(left, #39ada9, #9bdfae);background:url(images/progress-bar-overlay.png) repeat-x left top, -o-linear-gradient(left, #39ada9, #9bdfae);background:url(images/progress-bar-overlay.png) repeat-x left top, -ms-linear-gradient(left, #39ada9, #9bdfae);background:url(images/progress-bar-overlay.png) repeat-x left top, linear-gradient(to right, #39ada9, #9bdfae);background:url(images/progress-bar-overlay.png) repeat-x left top, filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#39ada9', endColorstr='#9bdfae');height:10px;border-radius:10px;width:260px;margin-top:-1px;margin-left:-1px; }

   

    .wysiwyg-editor-wrapper > div                                                     { width:96.9% !important;padding:10px;border-bottom-right-radius:4px;border-bottom-left-radius:4px; }

    .wysiwyg-editor-wrapper > div:first-child                                         { padding:0; }

    .wysiwyg-editor-wrapper .nicEdit-panelContain                                     { padding:8px 10px !important;box-shadow:inset 0 0 0px 1px #FFFFFF;background-image: -webkit-linear-gradient(bottom, #eef1f2, #fff);background-image: -moz-linear-gradient(bottom, #eef1f2, #fff);background-image: -o-linear-gradient(bottom, #eef1f2, #fff);background-image: -ms-linear-gradient(bottom, #eef1f2, #fff);background-image: linear-gradient(to top, #eef1f2, #fff);box-shadow: 0 3px 2px rgba(0,0,0,.10), inset 0 1px rgba(255,255,255,.4);border:1px solid #b9c4cf;border-top-left-radius:4px;border-top-right-radius:4px; }



    .wysiwyg-editor-wrapper .nicEdit-button-undefined                                 { background-color:transparent !important;border:none !important; }

    .wysiwyg-editor-wrapper .nicEdit-buttonContain                                     { opacity:1 !important; }

   

    .wysiwyg-editor                                                                 { display:block; }

       

    .wysiwyg-editor-wrapper                                                         {  }

   

    .button-grey.arrow.nicedit                                                         { float:right;margin:10px -2px 0 0; }

   

    /*----- Calendar ------------------------------------------------------------*/

   

   

    .calendar-wrapper table                                                         {  }

    .calendar-wrapper .fc-day-number                                                 { color:#adb6c2;font-size:14px;font-style:italic;margin-left:10px; }

   

    /*----- My style ------------------------------------------------------------*/   

    .dashboard_icons{

    display: block;

    height: 400px;

    width: 672px;

    }

        .dashboard_icons a{

     display: block;

    float: left;

    height: 130px;

    width: 158px;

    background-image:url(images/dash_icon_bg.png);

    background-repeat:no-repeat;

margin-left: 7px;

padding-top: 20px;

    }

            .dashboard_icons a:hover{

     display: block;

    float: left;

    height: 130px;

    width: 158px;

    background-image:url(images/dash_hover.png);

    background-repeat:no-repeat;

margin-left: 7px;

padding-top: 20px;

    }

   

    .dashboard_icons a span{

        text-align:center;

    }

    .red{color:#F00;}

    .m-bot-30 a{color:#542738;

   /* text-decoration:underline;*/

   

    }

    .reg{color:#AC191C;

    }



 /*----- Dashboard style ----*/	

	.page { width:960px;border:1px solid #000;margin:25px auto 0 auto;box-shadow: 0 2px 4px rgba(98,121,132,.15),  inset 1px 0 #B9C4CF;border: solid 1px #b9c4cf;border-radius:3px;border-left:0 solid #000;background:#f0f2f5; } 

.dashboard_icons_main{

      display: block;

    height: 393px;

    margin-left: 122px;

    margin-top: 116px;

    width: 774px;

	background-color:#f0f2f5;

 }

       .dashboard_icons_main a{

     border: 2px solid #278fca;

	 border-radius:10px 10px 10px 10px;

    display: block;

    float: left;

    height: 140px;

margin-left: 60px;

padding-top: 30px;

    width: 160px;

	background:#FFF;

	}

	

     .dashboard_icons_main a.button-blue{

-moz-transition: all 0.4s ease-in;-webkit-transition: all 0.4s ease-in;opacity:1;-webkit-box-shadow: 0 2px 4px rgba(0,0,0,.25), inset 0 1px rgba(255,255,255,.4);-moz-box-shadow: 0 2px 4px rgba(0,0,0,.25), inset 0 1px rgba(255,255,255,.4);box-shadow: 0 2px 4px rgba(0,0,0,.25), inset 0 1px rgba(255,255,255,.4);border: solid 1px #187ca1;background-image: -webkit-linear-gradient(bottom, #1690c3, #60c0e7);background-image: -moz-linear-gradient(bottom, #1690c3, #60c0e7);background-image: -o-linear-gradient(bottom, #1690c3, #60c0e7);background-image: -ms-linear-gradient(bottom, #1690c3, #60c0e7);background-image: linear-gradient(to top, #1690c3, #60c0e7);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#60c0e7', endColorstr='#1690c3');display:inline-block;padding:4px 14px;border-radius:6px;font-family:arial;font-weight:bold;font-size:12px;color:#fff;text-shadow:0 1px #287b9d; 

width:80px;

height:30px;

    }

.dashboard_icons_main a.button-blue:hover{

-moz-transition: all 0.4s ease-in;-webkit-transition: all 0.4s ease-in;opacity:1;-webkit-box-shadow: 0 2px 4px rgba(0,0,0,.25), inset 0 1px rgba(255,255,255,.4);-moz-box-shadow: 0 2px 4px rgba(0,0,0,.25), inset 0 1px rgba(255,255,255,.4);box-shadow: 0 2px 4px rgba(0,0,0,.25), inset 0 1px rgba(255,255,255,.4);border: solid 1px #187ca1;background-image: -webkit-linear-gradient(bottom, #1690c3, #60c0e7);background-image: -moz-linear-gradient(bottom, #1690c3, #60c0e7);background-image: -o-linear-gradient(bottom, #1690c3, #60c0e7);background-image: -ms-linear-gradient(bottom, #1690c3, #60c0e7);background-image: linear-gradient(to top, #1690c3, #60c0e7);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#60c0e7', endColorstr='#1690c3');display:inline-block;padding:4px 14px;border-radius:6px;font-family:arial;font-weight:bold;font-size:12px;color:#fff;text-shadow:0 1px #287b9d; 

width:80px;

height:30px;



    }







.dashboard_icons_main a:hover{

     display: block;

    float: left;

	  border: 5px solid #278fca;

	 border-radius:8px 8px 8px 8px;

    height: 134px;

    width: 154px;

margin-left: 60px;

padding-top: 30px;

    }

.dashboard_icons_main a span{

        text-align:center;

		font-size:16px;

		color:#C40000;

 }



