body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,select,p,blockquote,th,td {margin: 0;padding: 0;} a {text-decoration:none;} table {border-collapse: collapse;border-spacing: 0;} fieldset,img {border: 0;} address,button,caption,cite,code,dfn,em,input,optgroup,option,select,strong,textarea,th,var {font:inherit;} del,ins {text-decoration: none;} ul {display:inline-block;} li {list-style:none;display:inline-block;} caption,th {text-align: left;} h1,h2,h3,h4,h5,h6 {font-size: 100%;font-weight:bold;} q:before,q:after {content: '';} abbr,acronym {border: 0;font-variant: normal;} sup {vertical-align: baseline;} sub {vertical-align: baseline;} legend {color: #000;} figure {padding:0px;margin:0px;} img {vertical-align:middle;} h1 {display:inline-block;font-size:1.5em;padding:0 10px;font-weight:} h2 {line-height:1.85em;font-weight:bold;} a {color:#;} a:hover {color:#;} a.selected {color:#;} .card {border:1px solid #ccc;background:#eee;border-radius:5px;padding:10px;margin:10px;} .ex {background:#fff;text-align:left;padding:10px;border:1px solid #ccc;border-radius:3px;} html {height:100%;font-family:Helvetica, Arial, Sans-Serif;overflow-y:scroll;color:#;} body {position:relative;height:100%;margin:0px auto 0px;} body:before {content:"";height:100%;float:left;width:0;margin-top:-32767px;} #canvas {position:relative;min-height:100%;margin:0px auto 0px;} #head {position:relative;padding:0px 10px;} #content {overflow:auto;overflow-x:hidden;padding:10px 10px 150px;} #foot {display:block;position:absolute;height:40px;bottom:0px;margin:0 auto;} #mobile_menu, #mobile_toolbar {display:none;} #head .tree li {padding:0 5px;} #breadcrumbs {display:inline-block;padding:2px 10px;font-size:.95em;} #breadcrumbs li {margin:5px 5px 3px 0;} #breadcrumbs li:after {content:" \00BB";} #breadcrumbs li:last-child:after {content:"";} #function_name_input {display:none;width:75%;font-size:1.5em;padding:0 10px;border:0px;font-weight:bold;} #submenu {float:left;width:18%;border:1px solid #ccc;border-radius:3px;} #submenu h2 {padding: 0 5px;} #submenu ul {display:block;} #submenu li {display:block;} #submenu li a {display:block;border-top:1px solid #ccc;} #submenu li li a {padding:5px 5px;} #submenu li li li a {padding:5px 15px;} #submenu li li li li a {padding:5px 25px;} #submenu li {} #submenu li a:hover, #submenu li a.selected {background:#;} #main_content {float:left;line-height:1.5em;} #main_content p {} #main_content .tree {display:block;} #main_content .tree li {display:block;padding:0 10px;} #inline_signin {display:none;position:absolute;right:10px;margin:10px 0px 0 0;text-align:right;z-index:1;clear:both;} #msgs {z-index:2;position:fixed;top:30px;width:100%;text-align:center;} #msgs li {display:block;margin:7px 50px 7px 30px;} .msg {display:inline-block;padding:7px 50px 7px 30px;position:relative;border-left:3px solid #777;background:#ddd;color:#444;} .msg .close {position:absolute;top:7px;right:7px;cursor:pointer;} .msg .close img {height:10px;opacity:0.5;} .msg.error {border-color:#d8000c;background-color:#FDF7F7;color:#d8000c;} .msg.success {border-color:#4f8a10;background-color:#dff2bf;color:#4f8a10;} .msg.info {border-color:#9f6000;background-color:#feefb3;color:#9f6000;} #options {width:180px;position:absolute;right:10px;margin:5px 0px 0 0;text-align:right;z-index:1;clear:both;} .dropdown {display:inline-block;} .dropdown ul {display:block;margin:2px 0;border:1px solid #ccc;border-radius:3px;background:#fff;} .dropdown li {display:block;padding:3px 10px;text-align:left;} .dropdown li.title {text-align:left;border-bottom:1px solid #;} .dropdown li a {display:block;padding:5px 10px;} .dropdown li:hover {background:#eee;} .dropdown li.title:hover {background:#fff;} .dropdown li img {float:left;padding:0 10px;} .datagrid {margin:3px 0;width:100%;background-color:#fff;} .datagrid th {padding:5px 7px 2px;border-bottom:1px solid #ccc;background-color:#fff;font-weight:bold;} .datagrid tr.data td {padding:7px;} .datagrid tr:nth-child(even) {background-color:#;} .datagrid tr.hilight_rows:hover {background-color:#;} .datagrid tr.foot td {text-align:center;font-size:.9em;border-top:1px solid #ccc;padding:5px 7px;} .datagrid .toolbar_row td .toolbar {border:none;} .datagrid tr.data td a {display:block} .dg_pagesize {float:left;text-align:left;} .dg_msg {text-align:right;float:right;} .datalist ul, .datalist li {display:block;} .form {font-size:.95em;} .form .text {padding:10px 10px 0px;} .form h2 {clear:both;float:width:100%;left;line-height:2em;margin:.5em 2em 0;border-bottom:1px solid #ccc;font-size:1.2em;font-weight:bold;} .label {width:20%;clear:both;float:left;line-height:2em;margin:.5em 2em 0;text-align:right;} .element {float:left;line-height:2em;margin:.5em .5em 0;} .form-input {line-height:1em;padding:5px;border:1px solid #ccc;border-radius:3px;font-size:.9em;} .inline_editor {min-height:500px;} .form textarea {line-height:1.2em;} .form .footer {width:100%;float:left;clear:both;text-align:center;} .form .tree ul {display:block;} .form .tree li {display:block;} .datalist ul {display:block;} .datalist` li {display:block;} .google_map {height:400px;} .signin {margin:0 auto;border:1px solid #ccc;border-radius:5px;} .signin h2 {margin:5px 0;} .signin .body {padding:0 25%;} .signin .body a {text-align:right;font-size:.8em;} .signin .form-input {display:block;margin:10px 0;} .signin .footer {margin:10px 0 0 0;padding:20px 25% 15px;background:#eee;font-size:.8em;} .signin a {color:#;} .toolbar {margin:10px 0 0 10px;} .btn {display:inline-block;line-height:1.75em;padding:0px 10px;border:1px solid #ccc;border-radius:3px;background-color:#eee;} .btn:hover {background-color:#fff;cursor:pointer;} .btn img {vertical-align:baseline;margin:0 2px 0px -1px;height:12px;} .album {text-align:center;} .album_thumb {display:inline-block;padding:0px 3px 0px;margin:0px;} .tint {overflow: hidden;float: left;background: black;} .tint img {opacity:.7;background:black;-moz-transition: opacity .3s linear;-webkit-transition: opacity .3s linear;-ms-transition: opacity .3s linear;-o-transition: opacity .3s linear;transition: opacity .3s linear;} .tint img:hover {opacity:1;cursor:pointer;} #weblog{padding:10px;} #weblog_post_name, #weblog_post_name_submit, #weblog_post_name_cancel, #weblog_post_content_submit {display:none;} #calendar {margin:1px auto;} #calendar table {width:100%;} #calendar table tr.title th {text-align:center;text-shadow:0 1px 0px rgba(255,255,255,0.50);} #calendar table td.date {width:14%;border:1px solid #ccc;vertical-align:top;} #calendar table td.date img.new_event {float:right;} #calendar table td.date ul {list-style-type:none;} #calendar table td.date ul li {display:block;list-style-type:none;} #calendar table td.date a {display:block;width:100%;height:100%;} #calendar table td.date p {padding:5px;} .date a:hover {background-color:#;color:#000;} .days td {font-size:.6em;padding:0px 3px;} .unavailable {width:100%;height:100%;color:#aaa;background-color:#eee;} #calendar .selected {background-color:#;} #booking_sheet .time {border-top:1px solid #ccc;} #booking_sheet .hour {border-top:1px solid #666;} #booking_sheet .time {width:3%;} #booking_sheet .booking_detail {position:absolute;padding:3px 7px;;margin:3px;border:1px solid #888;border-radius:5px;-moz-box-shadow: 1px 1px 1px #aaa;-webkit-box-shadow: 1px 1px 1px #aaa;box-shadow: 1px 1px 1px #aaa;} #booking_sheet .title th {text-align:center;} #booking_sheet .resources th {text-align:center;font-weight:bold;} #booking_sheet .make_booking {display:block;width:100%;height:100%;} #booking_sheet .make_booking:hover {background-color:#;} #booking_sheet #calendar {width:50%;margin:0 auto;} #canvas, #foot {width:1000px;} @media only screen and (max-width : 1000px){ #canvas, #foot {width:100%;} } #shareit {position:fixed;width:500px;top:10px;left:10px;z-index:1;} .sharrre .box{ float:left; } .sharrre .count { color:#444444; display:block; font-size:17px; line-height:34px; height:34px; padding:4px 0; position:relative; text-align:center; text-decoration:none; width:50px; background-color:#eee; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; } .sharrre .share { color:#FFFFFF; display:block; font-size:11px; height:16px; line-height:16px; margin-top:3px; padding:0; text-align:center; text-decoration:none; width:50px; background-color:#9CCE39; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; } .sharrre .buttons { display:none; position:absolute; margin-left:50px; z-index:10; //background-color:#fff; } .sharrre .button { float:left; max-width:50px; margin-left:10px; } /* css for timepicker */ div.ui-datepicker{ font-size:12px; } .ui-timepicker-div .ui-widget-header { margin-bottom: 8px; } .ui-timepicker-div dl { text-align: left; } .ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; } .ui-timepicker-div dl dd { margin: 0 10px 10px 65px; } .ui-timepicker-div td { font-size: 90%; } .ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; } .ui-timepicker-rtl{ direction: rtl; } .ui-timepicker-rtl dl { text-align: right; } .ui-timepicker-rtl dl dd { margin: 0 65px 10px 10px; }