/*----- 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; }