* {
margin: 0;
}
html, body {
font-size: 12px;
height: 100%;
line-height: 16px;
}
body {
font: 11px/16px 'Lucida Grande',Verdana,Helvetica,Arial,sans-serif;
overflow-x: hidden;
overflow-y: scroll;
}
iframe {
border: none;
}
#mapCanvas {
height: 400px;
display: block;
clear: both;
}
.googleWindow {
font: 11px/16px 'Lucida Grande',Verdana,Helvetica,Arial,sans-serif;
}
.googleWindow h1 {
font-size: 14px;
}
.googleWindow h2 {
font-size: 13px;
}
.googleWindow h3 {
font-size: 12px;
}
.googleWindow h4 {
font-size: 11px;
}
.pageBreak {
page-break-after: always;
display: block;
}
form h4 {
margin-top: 5px;
}
#wrapper {
height: auto !important;
margin: 0 auto -50px;
min-height: 100%;
}
footer, #push {
height: 50px;
}
.clearfix:after {
clear: both;
content: " ";
display: block;
height: 0;
line-height: 0;
visibility: hidden;
}
.clearfix {
display: inline-block;
}
html[xmlns] .clearfix {
display: block;
}
* html .clearfix {
height: 1%;
}
.redBg td {
background: none repeat scroll 0 0 rgba(255, 0, 0, 0.3) !important;
opacity: 0.3;
}
.greenBg td {
background: none repeat scroll 0 0 rgba(0, 255, 0, 0.1) !important;
}
.orangeBg td {
background: none repeat scroll 0 0 rgba(255, 217, 68, 0.4) !important;
}
.blueBg td {
background: none repeat scroll 0 0 rgba(0, 144, 255, 0.1) !important;
}
.clear {
clear: both;
}
.wrapper {
margin: 0 auto;
width: 990px;
}
.box {
background: none repeat scroll 0 0 #EEEEEE;
border-bottom: 1px solid #CCCCCC;
border-top: 1px solid #CCCCCC;
color: #555555;
margin-bottom: 8px;
padding: 8px;
}
.no-border {
border: medium none !important;
border-radius: 0 0 0 0 !important;
}
.no-padding {
padding: 0 !important;
}
.no-margin {
margin: 0 !important;
}
a {
color: #0066FF;
outline: medium none;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
abbr, acronym {
font-size: 85%;
letter-spacing: 0.1em;
text-transform: uppercase;
}
abbr[title], dfn[title] {
border-bottom: 1px dotted black;
cursor: help;
}
abbr[title], acronym[title], dfn[title] {
border-bottom: 1px dotted #CCCCCC;
cursor: help;
}
code, kbd, samp, pre, tt, var, .code {
font-family: Monaco,'Panic Sans','Lucida Console','Courier New',Courier,monospace,sans-serif;
}
h1 {
font-size: 20px;
}
h2 {
font-size: 18px;
}
h3 {
font-size: 14px;
}
h4 {
font-size: 13px;
}
h5 {
font-size: 12px;
}
h6 {
font-size: 11px;
}
h1, h2, h3, h4, h5, h6, p {
margin: 1em 0;
}
ul, ol {
padding-left: 2em;
}
li ul, li ol, ul ul, ol ol, dl dd {
margin-bottom: 0;
margin-left: 0;
margin-top: 0;
}
small, sup, sub {
font-size: 90%;
}
.code {
background-color: #EAEFF4;
color: #006699;
overflow: auto;
padding: 2px 6px;
}
.al {
text-align: left;
}
.ar {
text-align: right;
}
.fl {
float: left;
}
.fr {
float: right;
}
body.login {
background-color: #EEEEFF;
height: 0;
overflow: hidden;
}
.login-box {
left: 50%;
margin: -125px auto 0 -175px !important;
position: absolute;
top: 50%;
width: 350px;
}
.login-box form {
border-bottom: 1px solid #DDDDDD;
margin: 10px 0;
}
.login-box ul {
list-style-type: none;
padding: 0;
}
#page-header {
background: rgb(214,237,255);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
#page-header h1 {
color: #0D3A4F;
font-family: "Lucida Grande","Lucida Sans Unicode","Helvetica Neue",Helvetica,Arial,Verdana,sans-serif;
font-size: 30px;
line-height: 50px;
margin: 0;
text-shadow: 0 1px 0 #FFFFFF;
}
#util-nav {
color: #668899;
float: right;
font-size: 11px;
line-height: 25px;
text-shadow: 0 1px 0 #FFFFFF;
}
#util-nav ul li {
float: left;
list-style-type: none;
padding: 0 5px;
}
#util-nav a {
color: #6C8697;
font-weight: bold;
text-decoration: none;
}
#main-nav {
position: relative;
z-index: 999;
}
#main-nav ul {
padding-left: 0;
}
#main-nav > ul {
background: rgb(67,67,67);
border-left: 1px solid #191919;
border-radius: 5px 5px 0 0;
border-right: 1px solid #191919;
border-top: 1px solid #191919;
display: block;
height: 33px;
}
#main-nav ul li {
display: inline;
}
#main-nav ul li a {
border-radius: 4px 4px 4px 4px;
color: #FFFFFF;
display: block;
float: left;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 12px;
line-height: 30px;
margin: 1px 2px;
padding: 0 12px;
text-decoration: none;
text-shadow: 0 1px 0 #000000;
transition: background 0.2s linear 0s;
}
#main-nav > ul > li > a:hover {
background: none repeat scroll 0 0 #555555;
}
#main-nav ul li.active a {
background: rgb(25,112,155);
border-color: #19709B #19709B #116893;
border-radius: 5px 5px 0 0;
border-style: solid;
border-width: 1px;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
color: #FFFFFF;
line-height: 32px;
margin: 0 0 -1px;
text-shadow: 0 1px 1px #000000;
}
#main-nav #upgrade {
margin-right: 4px;
}
#main-nav #upgrade a {
background: none repeat scroll 0 0 #E07600;
color: #FFFFFF;
font-weight: bold;
text-shadow: 0 1px 1px #000000;
}
#main-nav #quick-links {
border: 0 none;
position: relative;
z-index: 2000;
}
#main-nav #quick-links a {
background: rgb(253,254,255);
border: 1px solid #BBBBBB;
border-radius: 5px 5px 5px 5px;
box-shadow: none;
color: #000000;
display: block;
line-height: 29px;
margin: 0;
padding: 0 10px;
text-shadow: 0 1px 0 #FFFFFF;
width: 100px;
}
#main-nav #quick-links span {
background: url("../images/arrow-down.png") no-repeat scroll center 13px transparent;
position: absolute;
right: 5px;
text-indent: -999em;
top: 1px;
width: 22px;
}
#main-nav #quick-links ul {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background: none repeat scroll 0 0 #FEFEFE;
border-color: -moz-use-text-color #BBBBBB #BBBBBB;
border-image: none;
border-radius: 0 0 5px 5px;
border-style: none solid solid;
border-width: medium 1px 1px;
left: -999em;
opacity: 0;
overflow: hidden;
position: absolute;
top: 29px;
transition: opacity 0.2s ease-in-out 0s;
width: 120px;
z-index: 1000;
}
#main-nav #quick-links ul li {
border: 0 none;
line-height: 32px;
padding: 0;
z-index: 999;
}
#main-nav #quick-links ul li a {
background: none repeat scroll 0 0 transparent;
border: 0 none;
border-radius: 5px 5px 5px 5px !important;
margin: 0;
}
#main-nav #quick-links:hover ul {
left: 0;
opacity: 1;
}
#main-nav #quick-links:hover > a {
background: none repeat scroll 0 0 #FEFEFE;
border-radius: 5px 5px 0 0;
color: #000000;
text-shadow: 0 1px 0 #FFFFFF;
}
#main-nav #quick-links ul li a:hover {
background: none repeat scroll 0 0 #DEDEDE;
}
#page-subheader {
background: rgb(17,104,147);
min-height: 50px;
position: relative;
z-index: 0;
}
#page-subheader h2 {
font-size: 18px;
line-height: 50px;
margin: 0;
position: relative;
text-shadow: 0 1px 0 #FFFFFF;
z-index: 999;
}
#page-subheader .wrapper {
position: relative;
}
#page-subheader input {
background: none repeat scroll 0 0 #D5ECFE;
border: medium none;
border-radius: 5px 5px 5px 5px;
padding: 3px 5px;
position: absolute;
right: 0;
top: 13px;
width: 222px;
z-index: 999;
}
#sub-nav {
float: left;
padding: 14px 0;
}
#sub-nav ul {
margin: 0;
padding: 0;
}
#sub-nav ul li {
border-radius: 11px 11px 11px 11px;
display: inline;
float: left;
margin-right: 5px;
overflow: hidden;
}
#sub-nav ul li a {
color: #FFFFFF;
display: block;
line-height: 22px;
padding: 0 10px;
text-decoration: none;
text-shadow: 0 1px 1px #000000;
}
#sub-nav ul li.active a, #sub-nav ul li a:hover {
background: none repeat scroll 0 0 #115270;
border-radius: 13px 13px 13px 13px;
box-shadow: 0 1px 1px #111111 inset;
color: #FFFFFF;
}
#content {
min-height: 300px;
}
#page-footer {
background: #333;
color: #DDDDDD;
font-size: 10px;
text-shadow: 0 1px 1px #000000;
}
#page-footer a {
color: #fff;
}
#footer-inner p {
line-height: 47px;
}
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8 {
display: block;
float: left;
margin-left: 18px;
}
.columns {
display: block;
float: left;
}
.first {
clear: left;
margin-left: 0;
}
.leading {
margin-bottom: 18px;
}
.top {
margin-top: 18px;
}
.grid_1 {
width: 108px;
}
.grid_2 {
width: 234px;
}
.grid_3 {
width: 360px;
}
.grid_4 {
width: 486px;
}
.grid_5 {
width: 612px;
}
.grid_6 {
width: 738px;
}
.grid_7 {
width: 864px;
}
.grid_8 {
margin-left: 0;
width: 990px;
}
input, textarea, select {
outline: medium none;
}
.button {
-moz-box-sizing: border-box !important;
border-radius: 4px 4px 4px 4px;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
cursor: pointer;
display: inline-block;
font: 14px/16px Arial,Helvetica,sans-serif;
outline: medium none !important;
padding: 7px 20px;
position: relative;
text-align: center;
text-decoration: none;
}
.smallbutton {
border-radius: 3px 3px 3px 3px;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
cursor: pointer;
display: inline-block;
font: 11px/20px 'Lucida Grande',Verdana,Arial,'Bitstream Vera Sans',sans-serif;
height: 20px;
outline: medium none !important;
padding: 0 6px;
text-align: center;
text-decoration: none;
}
.button:hover, .smallbutton:hover {
text-decoration: none;
}
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0 none;
}
.button-round {
border-radius: 16px 16px 16px 16px;
padding: 7px 0;
width: 30px;
}
.button-gray {
background: rgb(247,247,247);
border: 1px solid #BBBBBB;
color: #555555;
text-shadow: 0 1px 0 #FFFFFF;
}
.button-gray:hover, .button-gray:focus {
background: rgb(225,225,225);
border: 1px solid #AAAAAA;
}
.button-gray:active, .button-gray.active {
background: rgb(204,204,204);
}
.button-orange {
background: rgb(250,165,26);
border: 1px solid #DA7C0C;
color: #FEF4E9;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
}
.button-orange:hover, .button-orange:focus {
background: rgb(248,142,17);
}
.button-orange:active, .button-orange.active {
background: rgb(244,122,32);
}
.button-red {
background: rgb(221,95,95);
border: 1px solid #A92C2C;
color: #FEF4E9;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
}
.button-red:hover, .button-red:focus {
background: rgb(221,65,65);
}
.button-red:active, .button-red.active {
background: rgb(169,44,44);
}
.button-blue {
background: rgb(0,173,238);
border: 1px solid #0076A3;
color: #FFFFFF;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
}
.button-blue:hover, .button-blue:focus {
background: rgb(0,149,204);
}
.button-blue:active, .button-blue.active {
background: rgb(0,120,165);
}
.button-green {
background: rgb(143,200,87);
border: 1px solid #749217;
color: #FFFFFF;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
}
.button-green:hover, .button-green:focus {
background: rgb(143,187,68);
border: 1px solid #749217;
}
.button-green:active, .button-green.active {
background: rgb(92,136,37);
}
.button-black {
background: rgb(84,84,84);
border: 1px solid #749217;
color: #FFFFFF;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
}
.button-black:hover, .button-black:focus {
background: rgb(84,84,84);
border: 1px solid #000000;
}
.button-black:active, .button-black.active {
background: rgb(127,127,127);
}
.pagination {
margin: 1em 0;
padding: 0;
}
.pagination li {
display: inline-block;
float: left;
margin: 0 2px;
}
.pagination li a {
border-radius: 3px 3px 3px 3px;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
cursor: pointer;
display: block;
font-family: 'Lucida Grande',Verdana,Arial,'Bitstream Vera Sans',sans-serif;
height: 20px;
line-height: 20px;
outline: medium none !important;
padding: 0 6px;
text-align: center;
text-decoration: none;
}
.pagination li a.current {
background: none repeat scroll 0 0 #FFFFFF;
color: #666666;
}
#content > .wrapper > section {
position: relative;
}
.widget, .panel, .accordion, #calroot {
border-radius: 5px 5px 5px 5px;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
margin-bottom: 18px;
}
.widget header, #calhead, .accordion header {
background: #eee;
border: 1px solid #BBBBBB;
border-radius: 5px 5px 0 0;
color: #333333;
font-size: 13px;
margin: 0;
padding: 0 10px;
position: relative;
text-shadow: 0 1px 0 #FFFFFF;
}
.widget-placeholder {
background: none repeat scroll 0 0 #FDFDFD;
border: 1px dashed #DEDEDE;
border-radius: 5px 5px 5px 5px;
margin-bottom: 18px;
position: relative;
z-index: 0;
}
.widget.collapsible header:hover span.widget-collapse, .widget.collapsible header.hover span.widget-collapse, .widget.collapsible header:hover span.widget-expand, .widget.collapsible header.hover span.widget-expand {
border-left: 1px solid #AAAAAA;
box-shadow: 1px 0 0 rgba(255, 255, 255, 0.8) inset;
cursor: pointer;
float: right;
height: 30px;
margin-right: -10px;
width: 30px;
}
.widget.collapsible header:hover span.widget-collapse, .widget.collapsible header.hover span.widget-collapse {
background: url("../images/arrow-up.png") no-repeat scroll center 13px transparent;
}
.widget.collapsible header:hover span.widget-expand, .widget.collapsible header.hover span.widget-expand {
background: url("../images/arrow-down.png") no-repeat scroll center 13px transparent;
}
.widget.collapsed header {
border-radius: 5px 5px 5px 5px;
}
.widget header h2, .accordion header h2 {
font-size: 13px;
line-height: 30px;
margin: 0;
}
.widget header h1 {
line-height: 40px;
margin: 0;
}
.widget header .button {
margin-top: 10px;
}
.widget.profile header {
min-height: 80px;
}
.widget.profile .avatar {
background: url("../images/user_32.png") no-repeat scroll center center #FFFFFF;
border: 1px solid #CCCCCC;
height: 60px;
margin: 10px 10px 10px 0;
width: 60px;
}
.widget section, #calbody {
background: none repeat scroll 0 0 #FAFAFA;
border-bottom: 1px solid #BBBBBB;
border-left: 1px solid #BBBBBB;
border-radius: 0 0 5px 5px;
border-right: 1px solid #BBBBBB;
position: relative;
}
.widget section {
padding: 10px;
}
.widget.no-shadow {
box-shadow: none !important;
}
.panel {
background: rgb(247,247,247);
border: 1px solid #BBBBBB;
padding: 10px;
text-shadow: 0 1px 0 #FFFFFF;
}
.panel header h2 {
font-size: 13px;
margin-top: 0;
}
.tabs {
border-bottom: 1px solid #AAAAAA;
height: 30px;
list-style: none outside none;
margin: 0 !important;
padding: 0;
}
.tabs li {
border-left: 1px solid #AAAAAA;
border-radius: 4px 4px 0 0;
border-right: 1px solid #AAAAAA;
border-top: 1px solid #AAAAAA;
float: left;
list-style-image: none !important;
margin: 0 2px 0 0 !important;
padding: 0;
text-indent: 0;
}
.tabs a {
background: rgb(238,238,238);
border-bottom: 1px solid #AAAAAA;
border-radius: 3px 3px 0 0;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
color: #000000;
display: block;
font-size: 11px;
height: 29px;
line-height: 30px;
margin: 0;
padding: 0;
position: relative;
text-align: center;
text-decoration: none;
text-shadow: 0 1px 0 #FFFFFF;
top: 0;
width: 111px;
}
.tabs a:active {
outline: medium none;
}
.tabs a:hover {
background: none repeat scroll 0 0 #DDDDDD;
}
.tabs .current, .tabs .current:hover, .tabs li.current a {
background: rgb(225,225,225);
border-bottom: 1px solid #FFFFFF;
color: #000000 !important;
cursor: default !important;
text-shadow: 0 1px 0 #FFFFFF;
}
.panes {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: -moz-use-text-color #AAAAAA #AAAAAA;
border-image: none;
border-style: none solid solid;
border-width: 0 1px 1px;
}
.panes section {
background-color: #FFFFFF;
display: none;
min-height: 100px;
padding: 15px 10px;
}
.accordion {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #BBBBBB;
color: #000000;
margin-bottom: 18px;
text-shadow: 0 1px 0 #FFFFFF;
}
.accordion header {
border: medium none;
border-radius: 0 0 0 0;
cursor: pointer;
padding: 0 10px;
}
.accordion header:first-child {
border-radius: 4px 4px 0 0;
}
.accordion header:nth-last-child(2) {
border-radius: 0 0 4px 4px;
}
.accordion section:last-child {
border-radius: 0 0 5px 5px;
}
.accordion header:hover {
background: rgb(250,250,250);
}
.accordion header.current {
background: rgb(247,247,247);
border-radius: 0 0 0 0;
cursor: default;
}
.accordion header.current:first-child {
border-radius: 4px 4px 0 0;
}
.accordion section {
background: rgb(249,249,249);
color: #000000;
display: none;
padding: 10px;
}
.accordion section h3 {
color: #999999;
font-size: 16px;
font-weight: normal;
margin: 0 0 -5px;
}
#calroot {
background-color: #FFFFFF;
font-size: 11px;
margin-top: -1px;
width: 205px;
z-index: 10000;
}
#calhead {
height: 22px;
padding: 2px 0;
}
#caltitle {
float: left;
line-height: 20px;
text-align: center;
width: 163px;
}
#calnext, #calprev {
background: url("../images/prev.gif") no-repeat scroll center center transparent;
cursor: pointer;
display: block;
float: left;
height: 20px;
width: 20px;
}
#calnext {
background-image: url("../images/next.gif");
float: right;
}
#calprev.caldisabled, #calnext.caldisabled {
visibility: hidden;
}
#caltitle select {
font-size: 10px;
}
#calbody {
padding: 3px;
}
#caldays {
border-bottom: 1px solid #DDDDDD;
height: 14px;
}
#caldays span {
display: block;
float: left;
text-align: center;
width: 28px;
}
#calweeks {
background-color: #FFFFFF;
margin-top: 4px;
}
.calweek {
clear: left;
height: 22px;
}
.calweek a {
border-radius: 3px 3px 3px 3px;
color: #666666;
display: block;
float: left;
font-size: 11px;
height: 20px;
line-height: 20px;
margin-left: 1px;
text-align: center;
text-decoration: none;
width: 27px;
}
.calweek a:hover, .calfocus {
background-color: #DDDDDD;
}
a.calsun {
color: red;
}
a.caloff {
color: #CCCCCC;
}
a.caloff:hover {
background-color: #F5F5FA;
}
a.caldisabled {
background-color: #EFEFEF !important;
color: #CCCCCC !important;
cursor: default;
}
#calcurrent {
background-color: #498CE2;
color: #FFFFFF;
}
#caltoday {
background-color: #333333;
color: #FFFFFF;
}
.progress {
background: rgb(204,204,204);
border: 1px solid #CCCCCC;
border-radius: 4px 4px 4px 4px;
box-shadow: 0 1px 0 #FFFFFF;
display: block;
height: 22px;
margin: 4px 0;
min-width: 200px;
padding: 0;
position: relative;
}
.progress span {
border-radius: 3px 3px 3px 3px;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
display: block;
height: 20px;
margin: 0;
padding: 0;
position: relative;
text-align: center;
width: 0;
}
.progress span b {
color: #FFFFFF;
line-height: 20px;
padding-left: 2px;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
}
.progress.progress-blue span {
background: rgb(0,173,238);
border: 1px solid #0078A5;
}
.progress.progress-green span {
background: rgb(143,200,87);
border: 1px solid #5C9425;
}
.progress-orange span {
background: rgb(250,165,26);
border: 1px solid #F47A20;
}
.progress-red span {
background: rgb(221,95,95);
border: 1px solid #A92C2C;
}
.form-error {
background-color: #000000;
border-radius: 4px 4px 4px 4px;
box-shadow: 0 0 6px #DDDDDD;
color: #FFFFFF;
display: none;
font-size: 11px;
height: 15px;
padding: 4px 10px;
z-index: 9999;
}
.form-error p {
line-height: 15px;
margin: 0;
}
.form-error em {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: transparent #000000 transparent transparent;
border-image: none;
border-style: solid;
border-width: 5px;
display: block;
height: 0;
left: -10px;
position: absolute;
top: 6px;
width: 0;
}
.form label {
clear: left;
display: block;
float: left;
font-size: 11px;
margin: 10px 0;
width: 200px;
}
.form input, .form textarea, .form select {
clear: right;
float: left;
}
input.half, select.half, textarea.half {
width: 50%;
}
input.full, select.full, textarea.full {
width: 95%;
}
input {
position: relative;
}
select, textarea, input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="date"], input[type="number"], input[type="time"], input[type="date"], input.date {
border: 1px solid #CCCCCC;
border-radius: 3px 3px 3px 3px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
padding: 4px 6px;
}
select {
padding: 3px;
position: relative;
}
textarea {
margin-bottom: 10px;
position: relative;
}
.invalid {
border: 1px solid red !important;
}
.triangle-isosceles, .tooltip {
background: none repeat scroll 0 0 #DDDDDD;
border-radius: 5px 5px 5px 5px;
color: #000000;
margin: 1em 0;
min-height: 30px;
padding: 10px;
position: relative;
}
.triangle-isosceles.left {
margin-left: 20px;
}
.triangle-isosceles:after, .tooltip:after {
border-color: #DDDDDD transparent;
border-style: solid;
border-width: 15px 15px 0;
bottom: -15px;
content: "";
display: block;
height: 0;
left: 50px;
position: absolute;
width: 0;
}
.triangle-isosceles.left:after {
border-color: transparent #DDDDDD;
border-width: 10px 15px 10px 0;
bottom: auto;
left: -15px;
top: 10px;
}
.comment .triangle-isosceles.left {
margin-top: 10px !important;
width: 590px;
}
.tooltip {
background: rgb(234,234,234);
border: 1px solid #AAAAAA;
display: none;
margin-top: 0;
max-height: 160px;
overflow-x: hidden;
overflow-y: auto;
width: 160px;
}
.tooltip:after {
border-color: #CCCCCC transparent;
left: 75px;
}
#image_wrap {
background-color: #EFEFEF;
border: 2px solid #FFFFFF;
height: 472px;
margin: 0;
outline: 1px solid #DDDDDD;
padding: 12px 0;
text-align: center;
}
#media-scroller {
position: relative;
}
.scrollable {
background: rgb(247,247,247);
border: 1px solid #CCCCCC;
float: left;
height: 105px;
overflow: hidden;
position: relative;
width: 736px;
}
.scrollable .items {
clear: both;
position: absolute;
width: 20000em;
}
.items div {
float: left;
width: 738px;
}
.scrollable img {
background-color: #FFFFFF;
border: 1px solid #CCCCCC;
border-radius: 4px 4px 4px 4px;
float: left;
height: 75px;
margin: 12px 2px 20px 13px;
padding: 2px;
width: 100px;
}
.scrollable .active {
border: 1px solid #000000;
cursor: default;
position: relative;
}
a.browse {
background: none repeat scroll 0 0 #000000;
border-radius: 5px 5px 5px 5px;
color: #FFFFFF;
cursor: pointer;
display: block;
float: left;
font-size: 14px;
height: 30px;
line-height: 30px;
margin: 38px 0;
opacity: 0.6;
padding: 0;
position: absolute;
text-align: center;
text-decoration: none;
width: 30px;
}
a.right {
clear: right;
margin-right: 0;
right: 5px;
}
a.left {
left: 5px;
margin-right: 0;
top: 0;
}
a.disabled, a.disabled:hover, a.disabled:active {
}
#upload-bar {
background: none repeat scroll 0 0 #DDDDFF;
border-radius: 0 0 4px 4px;
border-top: 1px solid #AAAAAA;
box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
padding: 10px;
position: relative;
}
#upload-bar ul {
padding: 0;
}
#upload-bar ul li {
background: none repeat scroll 0 0 #EEEEFF;
border: 1px solid #778899;
border-radius: 4px 4px 4px 4px;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
float: left;
list-style-type: none;
margin-right: 5px;
overflow: hidden;
position: relative;
}
#upload-bar ul li a {
border-radius: 3px 3px 3px 3px;
box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5) inset;
display: block;
line-height: 30px;
padding: 0 10px 0 0;
position: relative;
text-decoration: none;
}
#upload-bar ul li:hover {
background: none repeat scroll 0 0 #FAFAFA;
}
#upload-bar ul li a span {
background: url("../images/ajax-loader.gif") no-repeat scroll left center transparent;
display: block;
float: left;
height: 30px;
margin-left: 10px;
padding-left: 20px;
width: 30px;
}
.file-list {
list-style-type: none;
padding: 0;
}
.file-list li a {
display: block;
line-height: 20px;
padding-left: 20px;
}
.file-list li.up-one-level a {
background: url("../images/arrow-turn-090.png") no-repeat scroll left center transparent;
}
.file-list li.directory a {
background: url("../images/folder-horizontal.png") no-repeat scroll left center transparent;
}
.message {
border-radius: 5px 5px 5px 5px;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
margin-bottom: 10px;
padding: 10px;
position: relative;
}
.message h3 {
margin-top: 0;
}
.message p {
margin-bottom: 0;
}
.message.info {
background: rgb(225,242,252);
border: 1px solid #CADCEA;
color: #225B86;
text-shadow: 0 1px 0 #FFFFFF;
}
.message.error {
background: rgb(250,226,226);
border: 1px solid #EEB7BA;
color: #BE4741;
text-shadow: 0 1px 0 #FFFFFF;
}
.message.success {
background: rgb(229,237,196);
border: 1px solid #B8C97B;
color: #3F7227;
text-shadow: 0 1px 0 #FFFFFF;
}
.message.warning {
background: rgb(255,255,192);
border: 1px solid #E5DBAA;
color: #6D7829;
text-shadow: 0 1px 0 #FFFFFF;
}
.message .message-close {
cursor: pointer;
display: block;
height: 30px;
opacity: 0;
position: absolute;
right: -10px;
top: -10px;
transition: opacity 0.5s ease-in-out 0s;
width: 30px;
z-index: 999;
}
.message:hover .message-close {
background: url("../images/close-icon.png") no-repeat scroll 0 0 transparent;
opacity: 1;
}
.pricing-table div, .pricing-table header h1, .pricing-table p, .pricing-table ul {
border: medium none;
display: block;
list-style: none outside none;
margin: 0;
outline: medium none;
padding: 0;
text-align: center;
}
.pricing-table .button {
display: block;
margin: 0 20px;
}
.pricing-table {
border-radius: 5px 5px 5px 5px;
color: #444444;
font-family: Arial,Helvetica,sans-serif;
font-size: 13px;
margin: 0 auto;
padding: 20px 0;
position: relative;
}
.pricing-table article {
box-shadow: none;
float: left;
margin: 0 -1px;
position: relative;
top: 0;
width: 247px;
}
.pricing-table header {
background: rgb(67,67,67);
border: 1px solid #191919;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
height: 66px;
position: relative;
}
.pricing-table header h1 {
color: #FFFFFF;
font-size: 22px;
line-height: 66px;
text-shadow: 0 -1px 0 #0A0A0A;
}
.pricing-table header .popular {
background: rgb(194,232,251);
border-bottom: 1px solid #4693B9;
border-radius: 12px 12px 12px 12px;
border-top: 1px solid #E6F6FE;
bottom: -10px;
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.27);
color: #003354;
font-size: 11px;
left: -10px;
line-height: 17px;
padding: 0;
position: absolute;
text-shadow: 1px 1px 0 #E0F0F8;
text-transform: uppercase;
width: 264px;
z-index: 2;
}
.pricing-table .popular h4 {
color: #003354;
font-size: 11px;
line-height: 17px;
margin: 0;
}
.pricing-table section {
background: none repeat scroll 0 0 #D0D0D0;
border-left: 1px solid #BBBBBB;
}
.pricing-table article:first-child section {
border-left: medium none;
}
.pricing-table section ul li {
border-bottom: 1px solid #B9B9B9;
border-top: 1px solid #E2E2E2;
height: 24px;
line-height: 24px;
padding: 13px 0;
text-shadow: 0 1px 0 #FFFFFF;
}
.pricing-table section ul li strong {
color: #363636;
font-size: 16px;
}
.pricing-table footer {
background: rgb(233,233,233);
border-left: 1px solid #BBBBBB;
border-top: 1px solid #F5F5F5;
height: 120px;
position: relative;
text-shadow: 1px 1px 0 #F5F5F5;
}
.pricing-table footer p {
padding: 15px 0;
}
.pricing-table footer strong {
color: #000000;
display: block;
font-size: 24px;
line-height: 1;
}
.pricing-table article.first {
border-left: 0 none;
border-radius: 5px 0 0 5px;
}
.pricing-table article.first header {
border-radius: 5px 0 0 0;
}
.pricing-table article.first footer {
border-radius: 0 0 0 5px;
}
.pricing-table article.last {
border-radius: 0 5px 0 5px;
}
.pricing-table article.last header {
border-radius: 0 5px 0 0;
}
.pricing-table article.last footer {
border-radius: 0 0 5px 0;
}
.pricing-table article.selected {
border-radius: 5px 5px 5px 5px;
box-shadow: 0 1px 10px rgba(0, 157, 249, 0.81);
margin: 0 -3px;
position: relative;
top: -5px;
width: 251px;
z-index: 10;
}
.pricing-table article.selected header {
border-radius: 5px 5px 0 0;
height: 71px;
}
.pricing-table article.selected .popular {
bottom: -10px;
left: -10px;
width: 269px;
}
.pricing-table article.selected section {
border-right: 1px solid #BBBBBB;
}
.pricing-table article.selected footer {
border-radius: 0 0 5px 5px;
border-right: 1px solid #BBBBBB;
height: 126px;
}
.profilelist td, .companylist td {
vertical-align: middle;
}
.profilelist .photo, .companylist .photo {
border: 1px solid #CCCCCC;
height: 50px;
padding: 5px;
width: 50px;
}
.profilelist .detail {
width: 300px;
}
.profilelist .detail .name, .companylist .detail .name {
font-size: 16px;
line-height: 20px;
}
.profilelist .detail .contacts {
color: #666666;
}
.profilelist .title {
font-size: 12px;
}
.profileedit tr input[type='text'] {
width: 70%;
}
.profileedit tr.person_name input {
font-size: 18px;
font-weight: bold;
}
.profileedit tr.person_name td {
padding-bottom: 15px;
}
.profile_upload_photo .photo_box {
background-color: #EFEFEF;
border-radius: 4px 4px 4px 4px;
float: left;
padding: 12px 14px;
text-align: center;
width: 60px;
}
.profile_action_list {
list-style-type: none;
padding: 0;
}
.profile_action_list li a {
display: block;
line-height: 20px;
padding-left: 20px;
}
.profile_action_list li.delete a {
background: url("../images/bin-metal.png") no-repeat scroll left center transparent;
}
.profile_action_list li.download a {
background: url("../images/drive-download.png") no-repeat scroll left center transparent;
}
.profile_action_list li.upload a {
background: url("../images/drive-upload.png") no-repeat scroll left center transparent;
}
body {
}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
display: block;
}
nav ul {
list-style: none outside none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
content: "";
}
a {
background: none repeat scroll 0 0 transparent;
border: 0 none;
font-size: 11px;
margin: 0;
padding: 0;
vertical-align: baseline;
}
ins {
background-color: #FFFF99;
color: #000000;
text-decoration: none;
}
mark {
background-color: #FFFF99;
color: #000000;
font-style: italic;
font-weight: bold;
}
del {
text-decoration: line-through;
}
abbr[title], dfn[title] {
border-bottom: 1px dotted #000000;
cursor: help;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
hr {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: #CCCCCC -moz-use-text-color -moz-use-text-color;
border-image: none;
border-style: solid none none;
border-width: 1px 0 0;
display: block;
height: 1px;
margin: 1em 0;
padding: 0;
}
input, select {
vertical-align: middle;
}
.dashboard table.no-style td, .dashboard table.no-style th {
background: none repeat scroll 0 0 transparent;
border: medium none;
padding: 2px;
vertical-align: middle;
}
table.no-style {
background: none repeat scroll 0 0 transparent;
border: medium none;
border-collapse: collapse;
margin: 0;
padding: 0;
}
table.full {
width: 100%;
}
table.no-style td, table.no-style th {
background: none repeat scroll 0 0 transparent;
border: medium none;
padding: 5px;
vertical-align: top;
}
table.datatable {
border: 1px solid #AAAAAA;
border-collapse: separate;
border-radius: 5px 5px 5px 5px;
border-spacing: 0;
}
table.datatable thead th {
background: #eee;
color: #333333;
position: relative;
text-align: left;
text-shadow: 0 1px 0 #FFFFFF;
}
table.datatable thead th:first-child {
border-radius: 5px 0 0 0;
}
table.datatable thead th:last-child {
border-radius: 0 5px 0 0;
}
table.datatable tbody tr:last-child td:first-child {
border-radius: 0 0 0 5px;
}
table.datatable tbody tr:last-child td:last-child {
border-radius: 0 0 5px 0;
}
table.datatable.no-border thead th:first-child, table.datatable.no-border thead th:last-child, table.datatable.no-border tbody tr:last-child td:first-child, table.datatable.no-border tbody tr:last-child td:last-child {
border-radius: 0 0 0 0 !important;
}
table.datatable th, table.datatable td {
padding: 5px;
text-align: left;
}
table.datatable tbody tr:nth-child(2n+1) td {
background: none repeat scroll 0 0 #F9F9F9;
}
table.datatable.sortable {
table-layout: auto;
}
table.datatable.sortable td.column-selected {
background: none repeat scroll 0 0 #FFFFC0 !important;
}
table.datatable.sortable th a {
display: block;
}
table.datatable.sortable th a.sort-asc {
background: url("../images/arrow-up.png") no-repeat scroll right center transparent;
}
table.datatable.sortable th a.sort-desc {
background: url("../images/arrow-down.png") no-repeat scroll right center transparent;
}
table.datatable.selectable tbody tr.hover td, table.datatable.selectable tbody tr.selected td {
background: none repeat scroll 0 0 #FFFFC0;
}
table.datatable tfoot tr td {
background: none repeat scroll 0 0 #F1F1F1;
border-top: 1px solid #E1E1E1;
}