| Server IP : 103.118.17.23 / Your IP : 216.73.216.188 Web Server : Microsoft-IIS/10.0 System : Windows NT RESELLERPLESK22 10.0 build 20348 (Windows Server 2016) AMD64 User : IWAM_plesk(default) ( 0) PHP Version : 7.4.33 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : OFF | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : E:/Inetpub/vhosts/mesa.org.in/httpdocs/assets/_core/css/ |
Upload File : |
/* Margin resets for block-level elements */
* { margin: 0px;padding: 0px; }
html,body {
background-color: #FFFFD4;
/*background: url(../images/bg.png) repeat;*/
min-height: 100%;
width: 100%;
height: 100%;
text-align:left;
margin: 0;
padding: 0;
color: #000;
font-family: "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
font-style: normal;
font-size: 0.9em;
line-height: 1em;
}
html>body, html>body #page {
height: auto;
}
a:link {color: #FFFFFF;
text-decoration: none;
}
a:visited {color: #000;}
a:link, a:visited { color: #000; text-decoration: none; }
a:hover { color: #F93; }
pre { font-family: 'Lucida Console', 'Courier New', 'Courier', 'FreeMono', monospaced; font-size: 11px; line-height: 13px; }
h1, h2, h3, h4, h5, h6, p, pre, blockquote, cite, label, dl, ol, fieldset, address {
clear: both;
margin: 1em 0;
padding: 0;
text-indent: 0;
}
h1, h2, h3, h4, h5, h6 {
line-height: 1.2;
margin: .5em 0 .3em 0;
}
h1 { font-size: 2.0em;}
h2 { font-size: 1.6em; }
h3 { font-size: 1.4em; }
h4 { font-size: 1.2em; }
h5 { font-size: 1.1em; }
h6 { font-size: 1.0em; }
p {
clear: inherit;
text-align:left;
}
#user{
font-size: 14px;
color: #003399;
margin-left: 5px;
}
.mailTextbox{
border: none;
border-bottom: 1px solid lightgray;
}
.mailBlankTextbox{
border: none;
}
table {
border-collapse: collapse;
border-spacing: .3em;
clear: both;
}
caption, th {
text-align: left;
}
table, td {
font-size: inherit;
}
ol, dd, blockquote {
margin-left: 1em;
text-align: left;
}
address, abbr, acronym {
font-style: normal;
}
acronym, abbr {
border-bottom: 1px dotted #333;
cursor: help;
}
acronym {
text-transform: uppercase;
}
pre, kbd, code, samp, tt, var {
font-family: monospace;
}
pre {
white-space: pre-wrap; /* css-3 */
}
del {
text-decoration: line-through;
}
/* get forms to show up correctly */
form {
margin: 1em 0;
padding: 0;
}
form label {
cursor: pointer;
margin: 0;
padding: .3em;
}
fieldset {
border: 1px solid #DFDFDF;
padding: 5px;
margin-right: 20px;
}
legend {
border: 1px solid #DFDFDF;
padding: 5px;
margin-right: 20px;
color: #000000;
background-color: #FFF
}
select, textarea {
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
}
/* list element margins and default styles */
ul { list-style-type: disc; }
ul ul { list-style-type: circle; }
ul ul ul { list-style-type: square; }
ul ul ul ul { list-style-type: disc; }
ol { list-style-type: decimal; }
ol ol { list-style-type: upper-alpha; }
ol ol ol { list-style-type: lower-roman; }
ol ol ol ol { list-style-type: decimal; }
/*li { margin-bottom: 2px;}*/
/* Miscellaneous oddities and fixes */
a img {
border: none;
}
hr {
background-color: #666;
border-width: 0;
height: 1px;
margin:3px 0px;
text-align: left;
width: 95%;
}
iframe {
border-width: 0;
}
:focus {
outline: 0;
}
/* Standard HTML Form Controls */
input.button {
border: 1px solid #999; font: 11px "Lucida Sans Unicode", "Bitstream Vera Sans" ;
font-weight: bold;
background-color: #3399ff;
color:#780000;
}
input.button:hover { background-color: #000000; color: #99CC00; }
.blank{
border: 1px solid #ffffff;
background-color: #FFF;
}
.blank:hover{ background-color: #CCCCCC; }
input.textbox, textarea.textbox {
font: 12px "Lucida Sans Unicode", "Bitstream Vera Sans" ;
width: 200px;
background-color: #FFFFFF;
border-radius: 3px;
color: #333333;
border:1px solid #cccccc;
padding: 2px 3px 2px 3px;
}
textarea.textbox { height: 70px; }
input.textbox:focus, textarea.textbox:focus {
background-color: #FFF; border-color: #00F3D0;
box-shadow: 1px 1px 1px #CCCCCC;
}
select.listbox {
font: 12px "Lucida Sans Unicode", "Bitstream Vera Sans";
width: 200px;
background-color: #FFFFFF;
border-radius: 3px;
color: #333333;
border:1px solid #cccccc;
padding: 3px;
}
select.listbox:focus {
background-color: #FFF;
border-color: #00F3D0;
}
a.listboxReset { font-family: verdana, arial, helvetica; font-size: 8pt; text-decoration: none; color: #780000; }
a.listboxReset:hover { text-decoration: underline; }
/**
* Various QControl-specific Styles
*/
/* QDialogBox */
div.dialogbox { border: 4px solid #111; background-color: #fff; padding: 20px; width: 400px; overflow: auto; }
/* QDateTimePicker */
span.datetimepicker { }
span.datetimepicker select {
font: 12px 'Arial', 'Helvetica';
background-color: #FFFFF;
border-radius: 3px;
color: #333333;
border:1px solid #cccccc;
padding: 3px;
}
span.datetimepicker select:focus { background-color: #fff; border-color: #780000; }
span.datetimepicker select.month { width: 60px; }
span.datetimepicker select.day { width: 50px; margin-left: 8px; }
span.datetimepicker select.year { width: 65px; margin-left: 8px; }
span.datetimepicker select.hour { width: 65px; margin-left: 12px; margin-right: 2px; }
span.datetimepicker select.minute { width: 50px; margin-left: 2px; margin-right: 2px; }
span.datetimepicker select.second { width: 50px; margin-left: 2px; }
/* QDataGrid */
table.datagrid {
border: 1px solid #DFDFDF;
width:100%;
overflow:auto;
border-radius: 3px;
}
.disdiv{
display: none;
margin: auto;
float: right;
}
.staff{
padding: 10px 0px 10px 5px;
border-radius: 5px;
}
.staff:hover{
background-color: white;
border: 1px solid #21759B;
cursor: pointer;
}
.staff:hover .sdisdiv{
display: inline;
}
.sdisdiv{
display: none;
margin: auto;
float: right;
margin-right: 5px;
margin-top: -3px;
}
table.datagrid tr:hover .disdiv{
display: block;
}
table.datagrid input.textbox { width:auto; }
table.datagrid caption, table.datagrid tfoot {
border-radius: 3px;
padding-bottom: 4px; overflow: auto; }
table.datagrid span.left { float: left; font-size: 10px; display: block; }
table.datagrid span.right { float: right; font-size: 10px; display: block; }
table.datagrid tr { border: 1px solid #DFDFDF; }
table.datagrid tr:hover{
background-color: #f2f5f6;
}
table.datagrid tr a:hover { text-decoration: underline;}
table.datagrid tr.alternate { background-color: #EFEEEE; }
table.datagrid tr.alternate a:hover {
color: #00ffff; text-decoration: underline;}
table.datagrid th {
font-size: 14px;
font-weight: bold;
color:#FFF;
padding: 7px;
border: 1px solid #DFDFDF;
height: 20px;
border-style: solid;
border-width: 1px 1px 0 1px;
border-color: #dddddd;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
text-align: center;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #415989), color-stop(1, #2e466e));
background:-moz-linear-gradient(top, #415989 5%, #2e466e 100%);
background:-webkit-linear-gradient(top, #415989 5%, #2e466e 100%);
background:-o-linear-gradient(top, #415989 5%, #2e466e 100%);
background:-ms-linear-gradient(top, #415989 5%, #2e466e 100%);
background:linear-gradient(to bottom, #415989 5%, #2e466e 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#415989', endColorstr='#2e466e',GradientType=0);
background-color:#415989;
}
table.datagrid th a { color: #000; text-decoration: none; }
table.datagrid th a:hover { color: #000; text-decoration: underline;}
table.datagrid td { padding: 5px; border: 1px solid #DFDFDF; }
table.datagrid tfoot { border: 1px solid #DFDFDF; }
/* QPaginator */
span.paginator { margin: 0; padding: 0; }
span.paginator span { list-style-type:none; display: inline; padding: 0; margin: 0; }
span.paginator span.page a { text-decoration: none; color: #000000; padding: 0 3px 0 3px; margin: 0 2px 0 2px;}
span.paginator span.page a:hover { background-color: #F6F6F6; }
span.paginator span.arrow { font-weight: bold; color: #ccc; margin: 0; padding: 0 3px 0 3px; }
span.paginator span.arrow a { font-weight: bold; color: #000; text-decoration: none; }
span.paginator span.selected { font-weight: bold; background-color: #F6F6F6; padding: 0 3px 0 3px; margin: 0 2px 0 2px; border: 1px; border-style: solid; }
span.paginator span.break { color: #780000; margin: 0 5px 0 5px; }
span.paginator span.ellipsis { color: #780000; }
/* QCalendar */
div.calendar { width: 200px; border: 1px solid #111; background-color: #ccf; }
div.calendar div.navigator { background-color: #111; overflow: auto; height: 100%; color: #fff; padding: 2px 6px 2px 6px; }
div.calendar div.navigator div.left { float: left; }
div.calendar div.navigator div.month { float: left; width: 80px; text-align: center; font-weight: bold; font-size: 11px; }
div.calendar div.navigator div.year { float: right; }
div.calendar div.navigator div.year span { font-size: 11px; font-weight: bold; margin-left: 6px; margin-right: 6px; }
div.calendar div.navigator a { color: #fff; text-decoration: none; }
div.calendar div.navigator a:hover { text-decoration: underline; }
div.calendar table { border: 0; margin-left: auto; margin-right: auto;}
div.calendar th { text-align: center; border: 0; padding: 4px 2px 4px 2px; font-weight: bold; font-size: 10px;}
div.calendar td { text-align: center; border-width: 0 0 1px 0; border-style: solid; border-color: black; padding: 0;}
div.calendar td.lastRow { border-width: 0;}
div.calendar td a { text-decoration: none; color: #000; display: block; padding: 2px 6px 2px 6px; }
div.calendar td.today { background-color: #ccc; }
div.calendar td.nonMonth a { color: #780000; }
div.calendar td.selected { background-color: #c9a; font-weight: bold; }
div.calendar td a:hover { background-color: #F6F6F6; color: #000; }
div.calendar div.options { text-align: center; background-color: #111; }
div.calendar div.options a { color: #fff; font-size: 10px; text-decoration: none;}
div.calendar div.options a:hover { text-decoration: underline; }
/**
* Styles for Custom Render Functions as defined in QControl.class.php
*/
div.renderWithName { padding: 4px 0 4px 0; overflow: auto; height: 100%; }
div.renderWithName div.left { float: left; width: 150px; margin-right: 25px; }
div.renderWithName div.required { font-weight: bold; text-transform: uppercase; }
div.renderWithName div.left span.instructions { font: 10px 'Verdana', 'Arial', 'Helvetica'; color: #999; font-style: italic; text-transform: none;}
div.renderWithName div.right { }
div.renderWithName div.right span.error { margin-left: 15px; font: 10px 'Verdana', 'Arial', 'Helvetica'; color: #600;}
/**
* Layout Specific IDs
*/
#page {
position: absolute;
top: 0;
left: 0;
min-height: 100%;
width: 100%;
height: 100%;
margin:0px auto;
padding:0px;
text-align:center;
}
#header {
background: url(../images/shade.png) 50% 25px no-repeat scroll transparent;
color: #ffffff; height:38px; width:100%; text-align:left;
position: fixed;
}
#headerLeft { margin-left:100px; width: 600px; float:left; padding-left:5px;}
#pageName { height:24px; font-size:14px; line-height:24px; font-weight:bold; }
#categoryName, #codeVersion { height:12px; line-height:12px; font-size:10px; }
#pageLinks { height:12px; line-height:12px; font-size:10px; }
.headerGray {font-style:italic;}
#headerRight { width: 400px; text-align: right; float:right; padding-right:1%; }
#viewSource, #closeWindow { height:36px; line-height:36px; font-size:16px;}
#viewSource a, #closeWindow a { font-size:16px; font-weight:bold; color:#FFF;}
#willOpen { height:12px; line-height:12px; font-size:10px; font-style:italic;}
.headerSmall { font-size: 14px; color: white; font-weight: bold;}
a.headerLink:link, a.headerLink:visited { color: #FFF;}
a.headerLink:active, a.headerLink:hover { color: #F6F6F6; text-decoration:underline;}
#content { clear:both; margin-top: 38px; float:left; width:100%; text-align:left;}
#contentMain { float:left; padding:0 10px; margin-bottom: 70px; width: 95%; }
div#draftList { }
div#draftList h1 { margin: 0; font: 20px 'Georgia', 'Times New Roman', 'Times'; font-weight: bold; }
div#draftList p { margin-top: 6px; margin-bottom: 18px;}
div#formControls {
padding: 20px 10px 10px 20px;
margin: 0 10px 10px 10px;
width: 95%;
color: #000;
background-color:#FFFFFF;
-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
#tree{
border: 1px solid #32373D;
padding: 2px;
border-radius: 5px;
float: left;
margin: 2px;
max-width: 1150px;
min-width: 250px;
}
#tree_title{
//font-size: 18px;
padding: 5px;
border-radius: 5px;
}
#desig{
border-radius: 5px;
background-color: #00ffff;
padding: 2px;
margin: 2px;
}
.mailmenu{
width: 120px;
line-height: 25px;
padding: 5px 15px;
}
div#formActions { padding: 10px; height: 20px; margin-top: 18px; }
div#formActions div#save { float: right; }
div#formActions div#cancel { margin-right: 10px; float: right; }
div#formActions div#delete { float: left; }
#pageTitle { float:left; width:49%; height:20px; line-height:20px; font-size:16px; font-weight:bold;}
#formDraftLink { float:right; width:49%; height:20px; line-height:20px; font-size:14px; text-align:right;}
div#dashboard { clear:both; }
div#dashboard div#left { float: left; width: 200px; height: 100px; font-size: 10px; background-color: #F6F6F6; border: 1px solid #111; padding: 5px; }
div#dashboard div#right { float: left; margin-left: 10px; width: 738px;}
div#dashboard div#right div#pnlList { margin-bottom: 10px; border: 1px solid #111; padding: 5px; max-height: 300px; overflow: auto; }
div#dashboard div#right div#pnlEdit { border: 1px solid #111; padding: 5px; background-color: #F6F6F6; max-height: 240px; overflow: auto; }
#footer {
background-color: #5badfe;
color: #ffffff;
height:50px;
position: absolute;
bottom: 0pt;
left: 0pt;
clear: both;
font-family: Verdana, Arial, Helvetica, sans-serif;
width:100%;
text-align:left;
}
#footerLeft { width: 200px; float:left; height:48px; padding-left:5px; padding-top: 2px;}
#footerLeft a img { border: 0px;}
#footerRight { width: 70%; text-align: right; float:right; padding-top: 5px; padding-right:5px;}
#footerRight div { height:18px; line-height: 18px; }
.footerSmall { font-size: 12px;
font-weight: bold;
color: #000000;
}
a.footerLink { background-color:#780000; color: #FFF; border-bottom: 1px dotted #FFF;}
p.create { background-image: url(../images/note.png);
background-repeat: no-repeat;
font-size: 16px;
margin-bottom: 5px;
height: 20px;
padding: 10px 0 0 40px;
}
p.create a { font-weight: bold; }
.code { background-color: #F6F6F6; padding:10px; font: 11px 'Lucida Console', 'Courier New', 'Courier', monospaced; overflow: auto; width: 98%; max-height: 560px;}
.codeDisplay {background-color: #F6F6F6; width: 400px; height: 400px; overflow: auto; margin: 10px; padding: 10px;}
.instructions { background-color: #e0ecf0; padding: 0px; margin:0px auto; float: left; line-height: 20px; max-height: 150px; width:91%; overflow: auto; text-align:left;border:0px solid #111;}
.instruction_title { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 22px; font-weight: bold; color: #780000; margin-bottom: 20px;}
.main_navigator { text-align: center; background-color: #111; padding: 5px 20px; color: #ffcc99; width:90%; margin:auto;border:1px solid #111;}
a.main_navlink { color: #EEE; font-weight: normal; }
a.main_navselected { color: #ffffff; font-weight: bold; text-transform: uppercase; }
.main_info {font: 12px Verdana, Arial, Helvetica, sans-serif; padding: 5px 20px; width:90%; background-color: #E6E6E6; margin:auto; border:1px solid #111;}
#part1 blockquote, #part2 blockquote, #part3 blockquote { width:90%; padding:5px 20px;margin:10px auto;}
#part1 blockquote ul, #part2 blockquote ul, #part3 blockquote ul { width:90%; padding:2px 20px;margin:5px auto;}
.exampleList a:link, .exampleList a:visited { border-bottom:none; }
.exampleList a:hover { text-decoration: underline; }
.warning { color: #aa0000; }
.textbox {
width: 250px;
font: 12px Verdana, Arial, Helvetica, sans-serif;
text-align:left;
border:1px solid #dedede;
}
.listbox {
width: 250px;
font: 12px Verdana, Arial, Helvetica, sans-serif;
text-align:left;
}
.button {
-moz-box-shadow:inset 0px 1px 0px 0px #f7c5c0;
-webkit-box-shadow:inset 0px 1px 0px 0px #f7c5c0;
box-shadow:inset 0px 1px 0px 0px #f7c5c0;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fc8d83), color-stop(1, #e4685d));
background:-moz-linear-gradient(top, #fc8d83 5%, #e4685d 100%);
background:-webkit-linear-gradient(top, #fc8d83 5%, #e4685d 100%);
background:-o-linear-gradient(top, #fc8d83 5%, #e4685d 100%);
background:-ms-linear-gradient(top, #fc8d83 5%, #e4685d 100%);
background:linear-gradient(to bottom, #fc8d83 5%, #e4685d 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fc8d83', endColorstr='#e4685d',GradientType=0);
background-color:#fc8d83;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
border:1px solid #d83526;
display:inline-block;
cursor:pointer;
color:#ffffff;
font-family:arial;
font-size:15px;
font-weight:bold;
padding:5px 16px;
text-decoration:none;
text-shadow:0px 1px 0px #b23e35;
}
.button:hover {
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e4685d), color-stop(1, #fc8d83));
background:-moz-linear-gradient(top, #e4685d 5%, #fc8d83 100%);
background:-webkit-linear-gradient(top, #e4685d 5%, #fc8d83 100%);
background:-o-linear-gradient(top, #e4685d 5%, #fc8d83 100%);
background:-ms-linear-gradient(top, #e4685d 5%, #fc8d83 100%);
background:linear-gradient(to bottom, #e4685d 5%, #fc8d83 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4685d', endColorstr='#fc8d83',GradientType=0);
background-color:#e4685d;
}
.button:active {
position:relative;
top:1px;
}
#formActions .button {
-moz-box-shadow:inset 0px 1px 0px 0px #f7c5c0;
-webkit-box-shadow:inset 0px 1px 0px 0px #f7c5c0;
box-shadow:inset 0px 1px 0px 0px #f7c5c0;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fc8d83), color-stop(1, #e4685d));
background:-moz-linear-gradient(top, #fc8d83 5%, #e4685d 100%);
background:-webkit-linear-gradient(top, #fc8d83 5%, #e4685d 100%);
background:-o-linear-gradient(top, #fc8d83 5%, #e4685d 100%);
background:-ms-linear-gradient(top, #fc8d83 5%, #e4685d 100%);
background:linear-gradient(to bottom, #fc8d83 5%, #e4685d 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fc8d83', endColorstr='#e4685d',GradientType=0);
background-color:#fc8d83;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
border:1px solid #d83526;
display:inline-block;
cursor:pointer;
color:#ffffff;
font-family:arial;
font-size:15px;
font-weight:bold;
padding:5px 16px;
text-decoration:none;
text-shadow:0px 1px 0px #b23e35;
}
#formActions .button:hover { background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e4685d), color-stop(1, #fc8d83));
background:-moz-linear-gradient(top, #e4685d 5%, #fc8d83 100%);
background:-webkit-linear-gradient(top, #e4685d 5%, #fc8d83 100%);
background:-o-linear-gradient(top, #e4685d 5%, #fc8d83 100%);
background:-ms-linear-gradient(top, #e4685d 5%, #fc8d83 100%);
background:linear-gradient(to bottom, #e4685d 5%, #fc8d83 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4685d', endColorstr='#fc8d83',GradientType=0);
background-color:#e4685d; }
#formActions .button:active {
position:relative;
top:1px;
}
.paginator_inactive_step { font-weight: bold; color: #aaaaaa; }
.paginator_active_step { font-weight: bold; color: #000000; text-decoration: none; }
.paginator_page { text-decoration: none; color: #000000; padding: 0px 4px 0px 4px; }
.paginator_selected_page { font-weight: bold; background-color: #ddccff; padding: 0px 4px 0px 4px; border: 1px; border-style: solid; }
.treenav_item {cursor: pointer; padding: 2px; font: 10px verdana; color:#111}
.treenav_item_selected {background-color: #780000; color: #FFF;}
.treenav_item_hover {background-color: #F6F6F6; color:#000}
.renamer_item { padding: 2px; cursor: pointer; }
.renamer_item_selected { background-color: #F6F6F6; }
.textbox_panel { padding: 10px 0px 10px 0px; width: 300px; height: 250px; background-color: #F6F6F6; text-align: center; }
.top_nav { font: 13px 'Trebuchet MS', 'Arial', 'Helvetica', sans-serif; color: #F6F6F6; }
.top_nav_selected { font: 13px 'Trebuchet MS', 'Arial', 'Helvetica', sans-serif; font-weight: bold; color: #FFF; }
.top_member_nav { font: 10px 'Trebuchet MS', 'Arial', 'Helvetica', sans-serif; color: white; }
.selectedStyle {background-color: #FFF;}
.treenav {background-color: #FFF; width: 300px; height: 400px; overflow: auto; margin:10px; padding: 10px;}
.data_repeater_example {background-color:#eeffdd;padding:10px;width:200px;border:1px solid #111;float:left;margin:5px;}
.tc {width: 200px; height: 100px; border: 1px solid #780000; color: #111; font: 20px arial; font-weight: bold; text-align: center; vertical-align: middle;}
.panelDefault {width:400px;height:400px;background-color:#efefef;border-width:1px;border-style:solid;float:left;overflow:auto;}
.panelRight {margin-left: 5px;}
.projectTitle {font: 24px Georgia, Times New Roman, Serif; font-weight: bold; width: 100%;}
.file_asset_dbox { border: 1px solid #111; background-color: #fff; padding: 20px; width: 400px; overflow: auto; }
.file_asset_dbox h1 { margin: 0; }
.file_asset_dbox input { padding: 3px; margin-right: 5px; }
.file_asset a {color: #111;}
.file_asset_icon {border-width: 2px; border-style: solid; border-color: #111;}
.ui-dialog .ui-dialog-titlebar-close { border: none; }
#titleBar{
/*font-size: 14px;
font-weight: bold;
color: #333333;
padding: 7px;
background-image: url(../images/title_bar.png);
border: 1px solid #DFDFDF;
height: 20px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
background-image: url(../images/ipform.png);
*/
background-repeat: no-repeat;
font-size: 21px;
margin-bottom: 5px;
height: 20px;
padding: 10px 0 0 40px;
font-family: sans-serif;
}
.excel{
background-image: "../images/export.png";
height: 50px; width: 50px;
}
#rtitleBar{
float: right;
border-radius: 0 0 0 50px;
margin: -20px -10px;
padding: 10px 5px 10px 50px;
color: #FFF;
background: #e570e7; /* Old browsers */
background: -moz-linear-gradient(top, #e570e7 0%, #c85ec7 47%, #a849a3 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e570e7), color-stop(47%,#c85ec7), color-stop(100%,#a849a3)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #e570e7 0%,#c85ec7 47%,#a849a3 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #e570e7 0%,#c85ec7 47%,#a849a3 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #e570e7 0%,#c85ec7 47%,#a849a3 100%); /* IE10+ */
background: linear-gradient(to bottom, #e570e7 0%,#c85ec7 47%,#a849a3 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e570e7', endColorstr='#a849a3',GradientType=0 ); /* IE6-9 */
}
#rtitleBar div{
width: 100px;
float: left;
}
#rtitleBar div .active{
background-color: #99CC00;
}
#rtitleBar a{
color: #FFF;
}
/*tmenu*/
.tmenu{
border:none;
border:0px;
margin:0px;
padding:0px;
font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
font-size:14px;
font-weight:bolder;
z-index: 100;
}
#firstli{
padding-top: 5px; padding-bottom: 5px;
}
#allli{
background-color: #ECECEC; padding-top: 5px; padding-bottom: 5px;
}
#logout{ padding: 5px; }
.tmenu ul{
height:25px;
list-style:none;
margin:0;
padding:0;
transition: all 0.2s ease-out;
}
.tmenu li{
float:left;
padding:0px;
transition: all 0.2s ease-out;
}
.tmenu li a{
color: #000;
display:block;
font-weight:normal;
line-height:28px;
margin:0px;
padding:0px 15px;
text-align:center;
text-decoration:none;
transition: all 0.2s ease-out;
}
.tmenu li a:hover{
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(243,197,189,1)), color-stop(50%,rgba(232,108,87,1)), color-stop(51%,rgba(234,40,3,1)), color-stop(75%,rgba(255,102,0,1)), color-stop(100%,rgba(199,34,0,1))); /* Chrome,Safari4+ */
color: #FFF;
}
.tmenu li ul{
background: #FAFAFA;
display:none;
height:auto;
padding:0px;
margin:0px;
border:0px;
position:absolute;
width: 175px;
z-index:500;
padding: 2px 0;
transition: all 0.2s ease-out;
box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1);
}
.tmenu li:hover ul{
display:block;
}
.tmenu li li {
display:block;
float:none;
margin:0px;
padding-left:5px;
padding-right:5px;
}
.tmenu li:hover li a{
background:none;
}
.tmenu li ul a{
display:block;
height:25px;
font-size:12px;
font-style:normal;
margin:0px;
padding:0px 10px 0px 15px;
text-align:left;
z-index: 100;
}
.tmenu li ul a:hover, .tmenu li ul li:hover a{
box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
border: 0px;
color: #FFF;
text-decoration: none;
padding: 2px 0 2px 10px;
margin: 0 -4px;
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(243,197,189,1)), color-stop(50%,rgba(232,108,87,1)), color-stop(51%,rgba(234,40,3,1)), color-stop(75%,rgba(255,102,0,1)), color-stop(100%,rgba(199,34,0,1))); /* Chrome,Safari4+ */
z-index: 100;
}
.tmenu p{
clear:left;
}
/*logout */
.rmenu{
border:none;
border:0px;
margin:0px;
padding:0px;
font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
font-size:14px;
font-weight:bolder;
}
#logout{ padding: 5px; }
.rmenu ul{
height:25px;
list-style:none;
margin:0;
}
.rmenu li{
float:right;
padding:0px;
width: 400px;
transition: all 0.2s ease-out;
}
.rmenu li a{
color: #000;
display:block;
font-weight:normal;
line-height:28px;
margin:0px;
padding:0px 15px;
text-align:center;
text-decoration:none;
transition: all 0.2s ease-out;
}
.rmenu li a:hover{
box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(243,197,189,1)), color-stop(50%,rgba(232,108,87,1)), color-stop(51%,rgba(234,40,3,1)), color-stop(75%,rgba(255,102,0,1)), color-stop(100%,rgba(199,34,0,1))); /* Chrome,Safari4+ */
color: #FFF;
}
.rmenu li ul{
background: #FFF;
display:none;
height:auto;
padding:0px;
border:0px;
position:absolute;
width: 250px;
z-index:200;
box-shadow: 1px 1px 5px #CCCCCC;
}
.rmenu li:hover ul{
display:block;
}
.rmenu li li {
display:block;
float:none;
margin:0px;
padding-left:5px;
padding-right:5px;
width:240px;
}
.rmenu li:hover li a{
background:none;
}
.rmenu li ul a{
display:block;
height:25px;
font-size:12px;
font-style:normal;
margin:0px;
padding:0px 10px 0px 15px;
text-align:left;
}
.rmenu li ul a:hover, .rmenu li ul li:hover a{
box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(243,197,189,1)), color-stop(50%,rgba(232,108,87,1)), color-stop(51%,rgba(234,40,3,1)), color-stop(75%,rgba(255,102,0,1)), color-stop(100%,rgba(199,34,0,1)));
color: #FFF;
text-decoration: none;
}
/* dash board */
.dash {
border-style: solid;
border-width: 0px;
padding: 20px 10px 10px 20px;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(249,249,242,1))); /* Chrome,Safari4+ */
border-color: #DFDFDF;
margin-bottom: 10px;
}
.canvasjs-chart-credit{
display: none;
}
.effect7
{
-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.effect7:before, .effect7:after
{
content:"";
position:absolute;
z-index:-1;
-webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
-moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
box-shadow:0 0 20px rgba(0,0,0,0.8);
top:0;
bottom:0;
left:10px;
right:10px;
-moz-border-radius:100px / 10px;
border-radius:100px / 10px;
}
.effect7:after
{
right:10px;
left:auto;
-webkit-transform:skew(8deg) rotate(3deg);
-moz-transform:skew(8deg) rotate(3deg);
-ms-transform:skew(8deg) rotate(3deg);
-o-transform:skew(8deg) rotate(3deg);
transform:skew(8deg) rotate(3deg);
}
#title{
font-size: 21px;
margin-bottom: 10px;
}
#subtitle{
font-size: 16px;
color: #777777;
border-bottom: 1px solid #878d95;
margin-bottom: 4px;
}
#bigbutton{
background: #3498db;
background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
background-image: -moz-linear-gradient(top, #3498db, #2980b9);
background-image: -ms-linear-gradient(top, #3498db, #2980b9);
background-image: -o-linear-gradient(top, #3498db, #2980b9);
background-image: linear-gradient(to bottom, #3498db, #2980b9);
-webkit-border-radius: 7;
-moz-border-radius: 7;
border-radius: 7px;
font-family: Arial;
color: #ffffff;
font-size: 20px;
padding: 10px 20px 10px 20px;
text-decoration: none;
}
#bigbutton:hover{
background: #3cb0fd;
background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
text-decoration: none;
}
#iconset { width: 410px; float:left;
border-style: solid;
border-width: 1px;
border-color: #dddddd;
padding: 5px;
margin: 10px;
background-color: #eeeeee;
}
#icon {
float:left;
/*border-style: solid;
border-width: 1px;
border-color: #eeeeee;
*/
padding: 2px;
margin: 2px;
}
#icon div:hover{
background-color: #3399ff;
}
#info {
width: 500px;
height: 100px;
overflow: auto;
float:left;
font-weight: normal;
border-style: solid;
border-width: 1px;
border-color: #dddddd;
background-color: #ffffff;
}
#headset{
float: left;
margin: 3px;
}
#headbar{
float: left;
width: 390px;
padding: 10px;
border-style: solid;
border-width: 1px 1px 0 1px;
border-color: #dddddd;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
background: linear-gradient(to top, #ECECEC, #F9F9F9) repeat scroll 0 0 #F1F1F1;
}
#headdata{
width: 390px;
padding: 40px 10px 0px 10px;
border-style: solid;
border-width: 0 1px 1px 1px;
border-color: #dddddd;
border-radius: 3px;
background: linear-gradient(to top, #F5F5F5, #F9F9F9) repeat scroll 0 0 #F5F5F5;
}
/* left_menu */
#contentLeft {
/* width: 132px; float:left;
background-image:url(../images/slide.png);
background-color: #ECECEC;
height: 600px;
border-right: 1px #CCC solid;
*/
}
#left_menu {
width: 120px;
margin-bottom: 1px;
padding: 5px;
background-image:url(../images/left_menu.png);
/*background-color: #D4D4D4; */
color: #FFFFFF;
font-weight:bold;
}
#left_menu:hover {
background-color: #EAF2FA;
color: #D54E21;
}
/* left menu */
ul, ul ul {
margin: 0;
padding: 0;
list-style: none;
}
#wrapper {
float: left;
font-size: 0.9em;
margin: 30px auto auto;
width: 150px;
}
.menu {
position: fixed;
margin-left: 5px;
width: 150px;
height: auto;
-webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,.73), 0px 0px 18px 0px rgba(0,0,0,.13);
-moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,.73), 0px 0px 18px 0px rgba(0,0,0,.13);
box-shadow: 0px 1px 3px 0px rgba(0,0,0,.73), 0px 0px 18px 0px rgba(0,0,0,.13);
}
.menu > li > a {
background-color: #616975;
background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(114, 122, 134)),to(rgb(80, 88, 100)));
background-image: -webkit-linear-gradient(top, rgb(114, 122, 134), rgb(80, 88, 100));
background-image: -moz-linear-gradient(top, rgb(114, 122, 134), rgb(80, 88, 100));
background-image: -o-linear-gradient(top, rgb(114, 122, 134), rgb(80, 88, 100));
background-image: -ms-linear-gradient(top, rgb(114, 122, 134), rgb(80, 88, 100));
background-image: linear-gradient(top, rgb(114, 122, 134), rgb(80, 88, 100));
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#727a86', EndColorStr='#505864');
border-bottom: 1px solid #33373d;
-webkit-box-shadow: inset 0px 1px 0px 0px #878e98;
-moz-box-shadow: inset 0px 1px 0px 0px #878e98;
box-shadow: inset 0px 1px 0px 0px #878e98;
width: 100%;
height: 2.75em;
line-height: 2.75em;
text-indent: 2.75em;
display: block;
position: relative;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 600;
color: #fff;
text-shadow: 0px 1px 0px rgba(0,0,0,.5);
}
.menu ul li a {
background: #fff;
border-bottom: 1px solid #efeff0;
width: 100%;
height: 2.75em;
line-height: 2.75em;
text-indent: 2.75em;
display: block;
position: relative;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 0.923em;
font-weight: 400;
color: #878d95;
}
.menu ul li:last-child a {
border-bottom: 1px solid #33373d;
}
.menu > li > a:hover, .menu > li > a.active {
background-color: #35afe3;
background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(69, 199, 235)),to(rgb(38, 152, 219)));
background-image: -webkit-linear-gradient(top, rgb(69, 199, 235), rgb(38, 152, 219));
background-image: -moz-linear-gradient(top, rgb(69, 199, 235), rgb(38, 152, 219));
background-image: -o-linear-gradient(top, rgb(69, 199, 235), rgb(38, 152, 219));
background-image: -ms-linear-gradient(top, rgb(69, 199, 235), rgb(38, 152, 219));
background-image: linear-gradient(top, rgb(69, 199, 235), rgb(38, 152, 219));
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#45c7eb', EndColorStr='#2698db');
border-bottom: 1px solid #103c56;
-webkit-box-shadow: inset 0px 1px 0px 0px #6ad2ef;
-moz-box-shadow: inset 0px 1px 0px 0px #6ad2ef;
box-shadow: inset 0px 1px 0px 0px #6ad2ef;
}
.menu > li > a.active {
border-bottom: 1px solid #1a638f;
}
.menu > li > a:before {
content: '';
background-image: url(../images/sprite.png);
background-repeat: no-repeat;
font-size: 36px;
height: 1em;
width: 1em;
position: absolute;
left: 0;
top: 50%;
margin: -.5em 0 0 0;
}
.menu > li > a span {
font-size: 0.857em;
display: inline-block;
position: absolute;
right: 1em;
top: 50%;
background: #48515c;
line-height: 1em;
height: 1em;
padding: .4em .6em;
margin: -.8em 0 0 0;
color: #fff;
text-indent: 0;
text-align: center;
-webkit-border-radius: .769em;
-moz-border-radius: .769em;
border-radius: .769em;
-webkit-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, .26), 0px 1px 0px 0px rgba(255, 255, 255, .15);
-moz-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, .26), 0px 1px 0px 0px rgba(255, 255, 255, .15);
box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, .26), 0px 1px 0px 0px rgba(255, 255, 255, .15);
text-shadow: 0px 1px 0px rgba(0,0,0,.5);
font-weight: 500;
}
.menu > li > a:hover span, .menu > li a.active span {
background: #2173a1;
}
.menu > li > ul li a:before{
content: '▶';
font-size: 8px;
color: #bcbcbf;
position: absolute;
width: 1em;
height: 1em;
top: 0;
left: -2.7em;
}
.menu > li > ul li:hover a,
.menu > li > ul li:hover a span,
.menu > li > ul li:hover a:before {
color: #32373D;
}
.menu ul > li > a span {
font-size: 0.857em;
display: inline-block;
position: absolute;
right: 4px;
top: 14px;
background: #fff;
border: 1px solid #d0d0d3;
line-height: 1em;
height: 1em;
padding: .4em .7em;
margin: -.9em 0 0 0;
color: #878d95;
text-indent: 0;
text-align: center;
-webkit-border-radius: .769em;
-moz-border-radius: 769em;
border-radius: 769em;
text-shadow: 0px 0px 0px rgba(255,255,255,.01);
}
#bigchk {
width: 28px;
height: 28px;
background: #fcfff4;
background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );
margin: 20px auto;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
-webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
-moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
position: relative;
}
#power{
padding-right: 50px;
}
#intext{
background-color: #21759B;
color: #ffffff;
padding: 0 0 5px 5px;
margin: 2px;
border-radius: 5px;
float:left;
}
#intext a{
color: #ffffff;
}
#panel{
border: 1px #C1C1C1 solid;
float:left;
padding: 5px;
border-radius: 5px;
overflow:auto;
}
#action{
padding: 10px;
text-align:center;
font-size:16px;
color: #FFF;
font-weight:bolder;
/*background-image: linear-gradient(to bottom, #2A95C5, #21759B);*/
border-radius: 20px;
float:left;
margin: 5px;
}
#amt{
border: 1px #C1C1C1 solid;
margin-right: 2px;
padding: 5px;
font-size: 24px;
font-weight:bolder;
border-radius: 5px;
}
#option{
border: 1px #C1C1C1 solid;
padding: 5px;
font-weight:bolder;
border-radius: 5px;
float:left;
margin: 5px;
width: 100px;
height: 100px;
text-align: center;
}
#rmenu{
border: 1px #C1C1C1 solid;
padding: 5px;
font-weight:bolder;
border-radius: 5px;
float:left;
margin: 5px;
width: 90px;
height: 90px;
text-align: center;
}
#opt{
border:1px #CCCCCC solid; padding:5px; margin:5px; width: 200px;
}
#opt:hover {
background-color: #eeddff;
}
#fromwrap {
float: right;
margin: -60px 40px auto;
width: 70px;
}
.from {
position: fixed;
height: 100%;
width:40%;
padding:5px;
background:#FFF;
}
.from > div{
border-top:hidden;
padding:15px;
color:#000;
font-size:12px;
font-weight:bold;
text-align: left;
background: -webkit-gradient(linear, left top, left bottom, color-stop(13%,rgba(254,254,254,1)), color-stop(49%,rgba(224,224,224,1)), color-stop(100%,rgba(211,211,211,1))); /* Chrome,Safari4+ */
}
.voucher{
padding: 20px 10px 10px 20px;
margin: 0 10px 10px 10px;
width: 80%;
height:70%;
position:fixed;
color: #000;
line-height:30px;
background-color:#FFFFFF;
-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.voucher input.textbox, textarea.textbox {
border:none;
background:#F4F4F4;
}
.voucher input.textbox:focus, textarea.textbox:focus{
border:none;
background:#666;
color:#FFF;
}
#voufooter{
bottom: 150px;
position: fixed;
}
.from > div:hover{
background: -webkit-gradient(linear, left top, left bottom, color-stop(28%,rgba(224,224,224,1)), color-stop(58%,rgba(254,254,254,1))); /* Chrome,Safari4+ */
}
.from > div:focus{
background: -webkit-gradient(linear, left top, left bottom, color-stop(28%,rgba(224,224,224,1)), color-stop(58%,rgba(254,254,254,1))); /* Chrome,Safari4+ */
}
.agenda{
width: 98%; border: 1px #DFDFDF solid; padding: 10px; margin-bottom: 3px; line-height: 25px;
}
#cell{
width: 13%; float: left; border: 1px #FFF solid; text-align: center; padding: 1px;
line-height: 25px;
}
#mcellh{
width: 13%; float: left; border-top: 1px #CCCCCC solid; border-bottom: 1px #CCCCCC solid; text-align: center;
padding: 5px; background-color: #ECECEC; border-left: 1px #ECECEC solid; border-right: 1px #ECECEC solid;
}
#mycell1{
//float: left;
//border: none;
position: relative;
}
#mycell1 .addevent{
display: block;
}
#mcell{
width: 13%; float: left; border: 1px #DFDFDF solid; text-align: left;
height: 150px; padding: 5px; position: relative;
}
#mcell:hover .addevent{
display: block;
}
#bcell{
width: 70px; height: 70px; float: left; border: 1px #FFF solid; text-align: left; padding: 1px;
}
.openpanel{
-webkit-box-shadow: 10px 10px 16px -7px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 16px -7px rgba(0,0,0,0.75);
box-shadow: 10px 10px 16px -7px rgba(0,0,0,0.75);
border-radius:10px;
padding:10px;
background-color:#32373D;
}
#openpaneltext{
font-size: 16px;
color: #FFF;
float: left;
font-weight: bold;
}
#scantitlebar{
text-shadow: 1px 1px 0 #fff;
font-size: 21px;
float: left; border-radius: 0 0 30px 0;
margin: -24px 0 -3px -10px;
padding: 10px 25px;
background: #fac695; /* Old browsers */
background: -moz-linear-gradient(top, #fac695 0%, #f5ab66 47%, #ef8d31 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fac695), color-stop(47%,#f5ab66), color-stop(100%,#ef8d31)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #fac695 0%,#f5ab66 47%,#ef8d31 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #fac695 0%,#f5ab66 47%,#ef8d31 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #fac695 0%,#f5ab66 47%,#ef8d31 100%); /* IE10+ */
background: linear-gradient(to bottom, #fac695 0%,#f5ab66 47%,#ef8d31 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fac695', endColorstr='#ef8d31',GradientType=0 ); /* IE6-9 */
}
.myButton {
-moz-box-shadow: 0px 10px 17px -9px #276873;
-webkit-box-shadow: 0px 10px 17px -9px #276873;
box-shadow: 0px 10px 17px -9px #276873;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #6cc9eb), color-stop(1, #408c99));
background:-moz-linear-gradient(top, #6cc9eb 5%, #408c99 100%);
background:-webkit-linear-gradient(top, #6cc9eb 5%, #408c99 100%);
background:-o-linear-gradient(top, #6cc9eb 5%, #408c99 100%);
background:-ms-linear-gradient(top, #6cc9eb 5%, #408c99 100%);
background:linear-gradient(to bottom, #6cc9eb 5%, #408c99 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6cc9eb', endColorstr='#408c99',GradientType=0);
background-color:#6cc9eb;
-moz-border-radius:7px;
-webkit-border-radius:7px;
border-radius:7px;
display:inline-block;
cursor:pointer;
color:#ffffff;
font-family:arial;
font-size:12px;
font-weight:bold;
padding:9px 12px;
text-decoration:none;
text-shadow:0px 1px 0px #3d768a;
}
.myButton:hover {
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #408c99), color-stop(1, #6cc9eb));
background:-moz-linear-gradient(top, #408c99 5%, #6cc9eb 100%);
background:-webkit-linear-gradient(top, #408c99 5%, #6cc9eb 100%);
background:-o-linear-gradient(top, #408c99 5%, #6cc9eb 100%);
background:-ms-linear-gradient(top, #408c99 5%, #6cc9eb 100%);
background:linear-gradient(to bottom, #408c99 5%, #6cc9eb 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#408c99', endColorstr='#6cc9eb',GradientType=0);
background-color:#408c99;
}
.myButton:active {
position:relative;
top:1px;
}
.eventday{
color: #FFF;
border-radius: 30px;
font-weight: 800;
margin: 0 12px;
}
.currentday{
background-color: #0099FF;
color: #FFF;
border-radius: 30px;
font-weight: 800;
margin: 0 12px;
}
.mcurrentday{
float: left;
padding: 4px;
background-color: #0099FF;
color: #FFF;
border-radius: 5px;
margin: -4px;
}
.addevent{
padding: 2px;
color: #FFF;
float: right;
position: absolute;
bottom: 1px; right: 1px;
display: none;
margin: -8px -10px;
}
.eventdata{
border-top: 1px solid dimgrey;
border-bottom: 1px solid dimgrey;
border-radius: 2px;
padding: 2px;
font-size: 14px;
color: #FFF;
margin: 2px 0;
font-weight: 700;
text-shadow: 0 1px 0 #878e98;
}
a.tooltip {outline:none; }
a.tooltip strong {line-height:30px;}
a.tooltip:hover {text-decoration:none;}
a.tooltip span {
z-index:10;display:none; padding: 5px 20px;
margin-top:-30px; margin-left:28px;
width:300px; line-height:16px;
}
a.tooltip:hover span{
display:inline; position:absolute; color:#111; padding: 10px; text-shadow: none;
border:1px solid #DCA; background:#fffAF0;}
.callout {z-index:20;position:absolute;top:30px;border:0;left:-12px;}
/*CSS3 extras*/
a.tooltip span
{
border-radius:4px;
box-shadow: 5px 5px 8px #CCC;
}
.longtab {
-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
box-shadow:inset 0px 1px 0px 0px #ffffff;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
background:-moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
background:-webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
background:-o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
background:-ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0);
background-color:#ffffff;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
border:1px solid #dcdcdc;
display:inline-block;
cursor:pointer;
color:#666666;
font-family:arial;
font-size:15px;
font-weight:bold;
padding:6px 24px;
text-decoration:none;
text-shadow:0px 1px 0px #ffffff;
width:95%;
}
.longtab:hover {
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #ffffff));
background:-moz-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
background:-webkit-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
background:-o-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
background:-ms-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0);
background-color:#f6f6f6;
}
.longtab:active {
position:relative;
top:1px;
}
#fieldset{
border: 1px solid #CCC;
border-radius:7px;
width:95%;
float:left;
padding:5px;
margin:5px;
-webkit-box-shadow: 10px 10px 35px -19px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 35px -19px rgba(0,0,0,0.75);
box-shadow: 10px 10px 35px -19px rgba(0,0,0,0.75);
line-height:25px;
}
#fieldset:hover{
float:left;
background: -webkit-gradient(linear, left top, left bottom, color-stop(37%,rgba(255,255,255,1)), color-stop(50%,rgba(255,255,255,1)), color-stop(50%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */-webkit-box-shadow: 10px 10px 35px -6px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 35px -6px rgba(0,0,0,0.75);
box-shadow: 10px 10px 35px -6px rgba(0,0,0,0.75);
}
#led{
background: -webkit-gradient(linear, left top, left bottom, color-stop(37%,rgba(255,255,255,1)), color-stop(43%,rgba(255,255,255,1)), color-stop(97%,rgba(206,206,206,1))); /* Chrome,Safari4+ */border:1px solid #CCC;
border-radius: 7px;
}
#led:hover{
background: -webkit-gradient(linear, left top, left bottom, color-stop(-1%,rgba(237,237,237,1)), color-stop(0%,rgba(206,206,206,1)), color-stop(45%,rgba(255,255,255,1)), color-stop(45%,rgba(255,255,255,1)), color-stop(48%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
}
.ed{
display:none;
margin-bottom:-20px;
padding-bottom:-20px;
}
#led:hover .ed{
display:inline-block;
margin-bottom:-50px;
padding-bottom:-20px;
}
#uppertab{
float:left;
padding: 12px ;
font-size:14px;
padding-left:70px;
padding-right:70px;
border-radius:0px 0px 7px 0px;
border:hidden;
color:#000;
font-weight:bold;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(201,201,201,1))); /* Chrome,Safari4+ */
}
#uppertab:hover{
color:#FFF;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(181,189,200,1)), color-stop(52%,rgba(130,140,149,1)), color-stop(100%,rgba(40,52,59,1))); /* Chrome,Safari4+ */
}
//tabs
ol, ul, li,caption {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
ol, ul {
list-style: none;
}
.widget {
position: relative;
margin: 50px auto;
width: 320px;
background: white;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.07);
box-shadow: 0 0 8px rgba(0, 0, 0, 0.07);
}
.widget-tabs {
position: absolute;
top: 0;
left: 0;
right: 0;
padding: 9px 12px 0;
text-align: left;
/* Make the last tab in the DOM the left-most tab on the screen.
That way we can activate it by default and still be able to
deactivate it later using the ~ selector. */
direction: rtl;
background: #f5f5f5;
border-bottom: 1px solid #ddd;
border-radius: 3px 3px 0 0;
}
.widget-tab,
.widget-list:target:first-of-type ~ .widget-tabs > .widget-tab:first-child ~ .widget-tab,
.widget-list:target:nth-of-type(2) ~ .widget-tabs > .widget-tab:nth-child(2) ~ .widget-tab,
.widget-list:target:nth-of-type(3) ~ .widget-tabs > .widget-tab:nth-child(3) ~ .widget-tab,
.widget-list:target:nth-of-type(4) ~ .widget-tabs > .widget-tab:nth-child(4) ~ .widget-tab,
.widget-list:target:nth-of-type(5) ~ .widget-tabs > .widget-tab:nth-child(5) ~ .widget-tab,
.widget-list:target:last-of-type ~ .widget-tabs > .widget-tab:last-child ~ .widget-tab {
position: relative;
display: inline-block;
vertical-align: top;
margin-top: 3px;
line-height: 36px;
font-weight: normal;
color: #999;
background: #fcfcfc;
border: solid #ddd;
border-width: 1px 1px 0;
border-radius: 5px 5px 0 0;
/* Reset %active-widget-tab */
padding-bottom: 0;
bottom: auto;
}
.widget-tab > .widget-tab-link,
.widget-list:target:first-of-type ~ .widget-tabs > .widget-tab:first-child ~ .widget-tab > .widget-tab-link,
.widget-list:target:nth-of-type(2) ~ .widget-tabs > .widget-tab:nth-child(2) ~ .widget-tab > .widget-tab-link,
.widget-list:target:nth-of-type(3) ~ .widget-tabs > .widget-tab:nth-child(3) ~ .widget-tab > .widget-tab-link,
.widget-list:target:nth-of-type(4) ~ .widget-tabs > .widget-tab:nth-child(4) ~ .widget-tab > .widget-tab-link,
.widget-list:target:nth-of-type(5) ~ .widget-tabs > .widget-tab:nth-child(5) ~ .widget-tab > .widget-tab-link,
.widget-list:target:last-of-type ~ .widget-tabs > .widget-tab:last-child ~ .widget-tab > .widget-tab-link {
margin: 0;
border-top: 0;
}
.widget-tab + .widget-tab {
margin-right: -1px;
}
.widget-tab:last-child,
.widget-list:target:first-of-type ~ .widget-tabs > .widget-tab:first-child,
.widget-list:target:nth-of-type(2) ~ .widget-tabs > .widget-tab:nth-child(2),
.widget-list:target:nth-of-type(3) ~ .widget-tabs > .widget-tab:nth-child(3),
.widget-list:target:nth-of-type(4) ~ .widget-tabs > .widget-tab:nth-child(4),
.widget-list:target:nth-of-type(5) ~ .widget-tabs > .widget-tab:nth-child(5),
.widget-list:target:last-of-type ~ .widget-tabs > .widget-tab:last-child {
bottom: -1px;
margin-top: 0;
padding-bottom: 2px;
line-height: 34px;
font-weight: bold;
color: #555;
background: white;
border-top: 0;
}
.widget-tab:last-child > .widget-tab-link,
.widget-list:target:first-of-type ~ .widget-tabs > .widget-tab:first-child > .widget-tab-link,
.widget-list:target:nth-of-type(2) ~ .widget-tabs > .widget-tab:nth-child(2) > .widget-tab-link,
.widget-list:target:nth-of-type(3) ~ .widget-tabs > .widget-tab:nth-child(3) > .widget-tab-link,
.widget-list:target:nth-of-type(4) ~ .widget-tabs > .widget-tab:nth-child(4) > .widget-tab-link,
.widget-list:target:nth-of-type(5) ~ .widget-tabs > .widget-tab:nth-child(5) > .widget-tab-link,
.widget-list:target:last-of-type ~ .widget-tabs > .widget-tab:last-child > .widget-tab-link {
margin: 0 -1px;
border-top: 4px solid #4cc8f1;
}
/* Deactivate the default tab when a preceding tab is activated. */
.widget-tab-link {
display: block;
min-width: 60px;
padding: 0 15px;
color: inherit;
text-align: center;
text-decoration: none;
border-radius: 4px 4px 0 0;
}
.widget-list {
display: none;
padding-top: 50px;
/* The last list is activated (visible) by default. */
}
.widget-list > li + li {
border-top: 1px solid #e8e8e8;
}
.widget-list:last-of-type {
display: block;
}
.widget-list:target {
display: block;
/* Hide the default list when another is activated. */
/* First list activates the first tab, second list activates the second tab, etc. */
}
.widget-list:target ~ .widget-list {
display: none;
}
.widget-list-link {
display: block;
line-height: 18px;
padding: 10px 12px;
font-weight: bold;
color: #555;
text-decoration: none;
cursor: pointer;
}
.widget-list-link:hover {
background: #f7f7f7;
}
li:last-child > .widget-list-link {
border-radius: 0 0 3px 3px;
}
.widget-list-link > img {
float: left;
width: 32px;
height: 32px;
margin: 2px 12px 0 0;
}
.widget-list-link > span {
display: block;
font-size: 11px;
font-weight: normal;
color: #999;
}
/*for smaoll scrollbar*/
::-webkit-scrollbar {
width: 3px;
height: 1px;
}
::-webkit-scrollbar-button {
background: #888;
}
::-webkit-scrollbar-track-piece {
background: #cccccc;
}
::-webkit-scrollbar-thumb {
background: #888;
}