body, input, button, textarea, select, .input { font-size: 110%; color: #000; font-weight: normal; font-family: "calibri", arial, verdana, tahoma, sans-serif }
input, button, a.button, a.big-button { font-family: "calibri", arial, verdana, tahoma, sans-serif } /* Buttons look slight different with extra fonts */

body { color: #000; background: #FFF; min-height:90%; padding: 0px 0px 0px 0px; width:99%; margin: 0px auto 0px auto }
div { color: #000; margin: 0px; line-height: 1.3em }
p, h1, h2, h3, h4, h5 { color: #000; margin: 0px; line-height: 1.3em }
ul, li { margin: 0px 0px 0px 8px; }

p { text-indent: 20px; }
h1 { font-size: 170%; font-weight:normal; padding: 10px 0px 0px 0px; margin: 0px 0px 0px 0px; border-bottom: 0px; clear: both }
h2 { font-size: 140%; font-weight: lighter; padding: 0px; margin: 0px; clear: both }
h3 { font-size: 120%; font-weight: bold; padding: 5px 0px 0px 0px; margin: 0px }
h4, h5 { font-size: 100%; font-weight: bold; padding: 0; margin: 0px }

a,a * { cursor: pointer; outline: none }
a { color: #2281cf; text-decoration:none }
a:hover { color: #2281cf; text-decoration:underline }
a.link { color: #949494; text-decoration:none }
a.link:hover { color: #949494; text-decoration:underline }
a.nolink:hover { cursor: default; text-decoration:none }
a img { border: 0 }


a.normal { color: #1A749C; text-decoration:none }
a.normal:hover { color: #444; text-decoration:none }

/******************* Class Tweaks ********************/
.hidden { display: none }
.no-bdr { border: 0 }
.small { font-size: 75% }
.right { float: right }
.left { float: left }
.align-right { text-align: right }
.align-left { text-align: left }
.center { margin-left: auto; margin-right: auto; text-align: center }
.top { vertical-align: top }
.middle { vertical-align: middle }
.bottom { vertical-align: bottom }
.inline { display: inline-block }
.nowrap { white-space: nowrap }
.no-indent { text-indent: 0px; }
.no-mgn { margin: 0px }
.no-pad { padding: 0px }
.no-top-mgn { margin-top: 0px }
.no-rht-mgn { margin-right: 0px }
.no-btm-mgn { margin-bottom: 0px }
.no-top-pad { padding-top: 0px }

.mgn-10 { margin: 10px }
.top-mgn-20 { margin-top: 20px }
.lft-mgn-10 { margin-left: 10px }
.rht-mgn-10 { margin-right: 10px }
.top-mgn-10 { margin-top: 10px }
.btm-mgn-10 { margin-bottom: 10px }
.btm-mgn-15 { margin-bottom: 15px }
.btm-mgn-20 { margin-bottom: 20px }
.lft-mgn-5 { margin-left: 5px }
.rht-mgn-5 { margin-right: 5px }
.top-mgn-5 { margin-top: 5px }
.btm-mgn-5 { margin-bottom: 5px }

.pad-10 { padding: 10px }
.pad-5 { padding: 5px }
.top-pad-20 { padding-top: 20px }
.top-pad-10 { padding-top: 10px }
.btm-pad-10 { padding-bottom: 10px }
.top-pad-5 { padding-top: 5px }
.btm-pad-5 { padding-bottom: 5px }
.lft-pad-5 { padding-left: 5px }
.rht-pad-5 { padding-right: 5px }
.lr-pad-5 { padding-left: 5px; padding-right: 5px }

.wide { width: 100% }
.half { width: 50% }
.quarter { width: 25% }
.3-quarters { width: 75% }
.fifth { width: 20% }
.narrow { width: 10%; white-space: nowrap }
.hdr-underline, bdr-btm{ border-bottom: 1px dotted #ccc }
.bdr { border: 1px dotted #ccc; text-align: right; white-space: nowrap }
.bdr td { border: 1px dotted #ccc }
.bdr-top { border-top: 1px dotted #ccc }
.bdr-lft { border-left: 1px dotted #ccc }
.bdr-rht { border-right: 1px dotted #ccc }

/******************* Basic Tag Styles ********************/
table { border-right: 0px; padding: 0px; margin: 10px 0px; border-collapse: collapse; }
th { border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; text-align: left; color: #000; font-size: 120%; font-weight: bold; padding: 5px; background: #eee }
th a { padding: 0px; text-decoration: none }
table tr td { padding: 5px; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; vertical-align: top; line-height: 1.2em }
form { margin: 0px; padding: 0px }
fieldset { border: 0px; margin: 0px; padding: 0px }
table tr td h1:first-child { padding-top: 0px }
table tr:first-child  td{ border-right: 0 }
table tr td:last-child { border-right: 0 }
table.debug tr td { border: 1px dotted #990000 }

table.map { border: 0px; margin: 0px; padding: 0px }
table.map td { border: 0px; margin: 0px; padding: 0px; white-space: nowrap; border: 1px solid #333; width: 6px; height: 6px }

input, textarea, select, .input { font-size: 100%; padding: 2px; margin: 0px; background: #fff; border: 1px solid #ccc; color: #000;
  -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
input[type=file] { padding: 2px 2px 2px 2px }
input[type=range] { margin: 3px 0px 0px 0px; padding: 0px }
input[type=number] { text-align: right; padding-left: 0px }
input[type=checkbox], input[type=radio] { margin: 7px 10px 8px 0px; background: #fff; border: 0px }
select { vertical-align: top; padding: 2px 5px 2px 5px; height: 22px }
option { font-size: 100%; padding: 3px; }

input[type=submit], input[type=reset], input[type=button], .button, .big-button, button
{ text-align: center; margin: 2px 0px 0px 0px; padding: 0px 5px 0px 5px; font-size: 100%; font-weight: normal; cursor: pointer; overflow: visible;
  color: #fff; background: #0397D6; text-decoration: none; line-height: 21px;
  border-top: 1px #2270AB solid; border-right: 1px #18639A solid; border-bottom: 1px #0F568B solid; border-left: 1px #18639A solid;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#0397D6", endColorstr="#158BD8" );
  background: -webkit-gradient( linear, left top, left bottom, from( #0397D6 ), to( #158BD8 ) );
  background: -moz-linear-gradient( top, #0397D6, #158BD8 );
  -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px;
  text-shadow: #355782 0 1px 2px; -webkit-text-shadow: #355782 0 1px 2px; -moz-text-shadow: #355782 0 1px 2px;
  box-shadow: inset 0px 1px 0px #58B8F7; -webkit-box-shadow: inset 0px 1px 0px #58B8F7; -moz-box-shadow: inset 0px 1px 0px #58B8F7 }
a.button { font-size: 100%; line-height: 21px; padding: 5px 10px 5px 10px }

input[type=submit]:hover, input[type=reset]:hover, input[type=button]:hover, .button:hover, .big-button:hover, button:hover
{ border-top: 1px #0070CC solid; border-right: 1px #006AC1 solid; border-bottom: 1px #005CA6 solid; border-left: 1px #006AC1 solid; text-decoration: none;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#2095E0", endColorstr="#0073C0" );
  background: -webkit-gradient( linear, left top, left bottom, from( #2095E0 ), to( #0073C0 ) );
  background: -moz-linear-gradient( top, #2095E0, #0073C0 );
  box-shadow: inset 0 0 3px #35bff4; -moz-box-shadow: inset 0 0 3px #35bff4; color: #fff; -webkit-box-shadow: inset 0 0 3px #35bff4; }

.big-button { font-size: 175%; font-weight: bold; padding: 13px 20px 13px 20px; line-height: 32px }

table.tight { margin: 0px; padding: 0px; border: 0px }
table.tight td, td.tight { margin: 0px; padding: 0px; border: 0px }

.form table tr td, table.form tr td { vertical-align: middle; border: 0px; padding: 4px 2px 4px 0px; font-size: 90%; line-height: 1.3em }
.form table tr td:first-child, table.form tr td:first-child { vertical-align: top; padding: 7px 5px 7px 5px; width: 20%  }
.form table.tight tr td { padding: 0px }
.form table.tight tr td.lft-pad-5 { padding-left: 5px }
.form table.tight tr td.rht-pad-5 { padding-right: 5px }

.after_text { padding-top: 2px; font-size: 85% }
.after_textarea { padding-top: 0px; padding-bottom: 4px; font-size: 85% }

/******************* Colors ********************/
.bold { font-weight: bold; color: #444 }
.underline { text-decoration: underline }
.big { font-size: 170% }
.reqd { color: #dd2222 }
.error { color: #dd2222; font-weight: bold }
.error a { color: #dd2222; font-weight: bold; text-decoration:underline }
.php-error { color: #dd2222; font-family: Courier New,Courier New,Courier,monospace; margin-top: 10px; clear: both }
.white { background: #ffffff }

.light { color: #949494 }
.light:hover { color: #2281cf; text-decoration: none;
                -moz-transition: color 0.4s ease; -webkit-transition: color 0.4s ease; -o-transition: color 0.4s ease; transition: color 0.4s ease; }

#pageMessage { color: #fff; font-size: 120%; font-weight: bold; margin: 0px; padding: 7px 10px 7px 10px;
   border-radius: 8px; -o-border-radius: 8px; -icab-border-radius: 8px; -khtml-border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px }

#saveStatus { float: right; font-size: 90%; color: #999; margin-right: 10px; padding: 0px 10px 0px 10px;
   border-radius: 8px; -o-border-radius: 8px; -icab-border-radius: 8px; -khtml-border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px }

.flashConfirm { background: #0397d6 }
.endFlashConfirm { color: #dd0000; transition: background 2.5s; -moz-transition: background 2.5s; -webkit-transition: background 2.5s;
                   -o-transition: background 2.5s }

.flashText { opacity: 1 }
.endFlashText { opacity: 0; transition: opacity 2.5s; -moz-transition: opacity 2.5s; -webkit-transition: opacity 2.5s; -o-transition: opacity 2.5s }

.header { background: #fff; width:100%; margin-top: 10px; margin-bottom: 45px; padding: 0px 0px 10px 0px; height: 55px }
.logo { background: #fff; padding: 10px 0px 6px 10px; float: left }

.login { float: right; margin: 10px 0px 8px 0px }
.login div { display: inline; vertical-align: top }
.login div:first-child { margin-right: 15px }
.login div a { vertical-align: top; margin: 0px 10px 0px 0px }
.login div a:hover { color: #2281cf; text-decoration:none }
.login img { margin: 0px 0px 0px 0px; padding-top: 3px }

/*---:[ horizontal dropdown nav menu structure ]:---*/
.menu { position: relative; list-style: none; z-index: 5; padding: 0px; margin: 0px; clear: both; font-size: 90% }
	.menu li { position: relative; float: left; padding: 0px; z-index: 60; }
		.menu ul { position: absolute; visibility: hidden; list-style: none; z-index: 60; }
			.menu ul li { clear: both }
		.menu a { display: block; }
	.menu table { position: absolute; left: 0; border-collapse: collapse; }
		.menu table table { top: 0 !important; }
		.menu ul ul { position: absolute; top: 0; }
	.menu li:hover ul, .menu a:hover ul, .menu :hover ul :hover ul, .menu :hover ul :hover ul :hover ul { visibility: visible; }
	.menu :hover ul ul, .menu :hover ul :hover ul ul { visibility: hidden; }

/*---:[ nav menu styles ]:---*/
.menu, .menu a, .menu li ul { border-style: solid; text-decoration:none }
	.menu a { text-transform: uppercase; letter-spacing: 2px; }
	.menu .current > a, .menu .current-cat > a, .menu .current-menu-item > a { cursor: text; }
.menu:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }  /*---:[ self-clearing floats from Dan Cederholm ]:---*/

/*---:[ nav styles ]:---*/
.menu ul, .menu ul li { width: 15em; padding: 0px; margin: 0px; white-space: nowrap }
.menu ul ul, .menu :hover ul :hover ul { left: 15em }
.menu li:hover ul, .menu a:hover ul { left: 0; padding: 0px; margin: 0px }
.menu { border-width: 0 0 0 0; }
.menu, .menu a, .menu li ul { border: none; }  /*---:[ nav menu styles ]:---*/
.menu table { bottom: 0; }
.menu a { font-size: 1.1em; line-height: 1.273em; padding: 0.636em 0.818em; border-width: 0em; border-left-width: 0; }
.menu ul a { width: 18em; border-left-width: 0em; }

/*---:[ nav colors ]:---*/
.menu, .menu a, .menu li ul { border-color: #DDDDDD; }
.menu .current a, .menu .current-cat a, .menu .current-menu-item a { border-bottom-color: #FFB838; }
.menu ul .current a, .menu ul .current-cat a, .menu .current ul a, .menu .current-cat ul a, .menu ul .current-menu-item a { border-bottom-color: #DDDDDD; }
.menu a, .menu .current ul a, .menu .current-cat ul a, .menu .current-menu-item ul a { color: #FFFFFF; background: #0397D6; }
.menu a:hover, .menu .current ul a:hover, .menu .current-cat ul a:hover, .menu .current-parent a:hover, .menu .current-menu-item ul a:hover, .menu .current-menu-ancestor a:hover
{ color: #1A749C; background: #FFFEF7; }
.menu .current a, .menu .current a:hover, .menu .current-cat a, .menu .current-cat a:hover, .menu .current-menu-item a, .menu .current-menu-item a:hover
{ color: #FFFFFF; background: #FFB838 }
.menu .current-parent > a, .menu .current-cat-parent > a, .menu .current-menu-ancestor > a { color: #1A749C; background: #FFDF87; }

.menu, .footer { background-color:#0397d6; width:100%; color: #fff; border-bottom: 1px solid #FFB838; border-top: 1px solid #FFB838 }

.footer { line-height: 0px; margin-bottom: 20px; margin-top: 20px }
.footer a { color: #fff; text-decoration:none }

.list { width: 100%; margin-top: 0px }
.list tr:nth-child(odd) td { background: #FEFBF0; text-shadow: #fff 0px 1px 0px; }
.list tr:nth-child(even) td { background: #FEF5D8; text-shadow: #fff 0px 1px 0px; }
.list tr:nth-child(odd) td:nth-child(1n) { background: #FEFBF0; text-shadow: #fff 0px 1px 0px; } /* Weird Chrome bug with not setting the first cell */
.list tr:nth-child(even) td:nth-child(1n) { background: #FEF5D8; text-shadow: #fff 0px 1px 0px; } /* Weird Chrome bug with not setting the first cell */
.list a.button{ font-size: 90%; line-height: 16px; padding: 3px 6px 3px 6px }

.nav-title { float: left; display: inline-block; margin: 0px }

.nav-insert { float: right; display: inline-block; margin: 0px }
.nav-insert table td { padding: 0px 10px 0px 0px; border: 0px }
.nav-insert table td.text { padding-top: 9px }
.nav-insert table td.field { padding-top: 5px }
.nav-insert table td.field input[type=submit] { margin-right: 0px }
.nav-insert table td.img { padding: 10px 5px 0px 0px }

.record-nav { float: right }
.record-nav td { padding: 0px; border: 0px; vertical-align: middle; color: #444 }
.record-nav td a { color: #444 }
.record-nav td a: hover{ text-decoration: none }
.record-nav td img { padding: 5px 10px 0px 10px }
.record-nav td.disabled { opacity: 0.3 }

.disabled { opacity: 0.7 }
.enabled { opacity: 1.0 }

.big-link, .big-link-mobile { display: inline-block; padding: 3px 12px 0px 12px; margin: 8px 5px; vertical-align: middle; border-radius: 8px; text-align: center;
            -o-border-radius: 8px; -icab-border-radius: 8px; -khtml-border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px;
            background: #605b51; color: #FFFFFF }
.big-link-mobile { padding: 3px 12px 3px 12px }

.header-item, .header-item-selected, .header-item-mobile, .header-item-selected-mobile
          { display: inline-block; padding: 3px 8px 0px 8px; margin: 0px 10px; vertical-align: middle; border-radius: 8px;
            -o-border-radius: 8px; -icab-border-radius: 8px; -khtml-border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; background: #605b51; color: #FFFFFF }
.header-item, .header-item-selected { width: 125px }
.header-item-selected { background: #FFFFFF; color: #605b51 }
.header-item-mobile, .header-item-selected-mobile { padding: 3px 5px 2px 5px; margin-left: auto; margin-right: auto; text-align: center; font-size: 90%;
            -o-border-radius: 5px; -icab-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px }

.portlet, .portlet-mobile { width: 75%; padding: 3px 5px 0px 5px; vertical-align: top; border: 1px solid #605b51; border-radius: 8px;
           -o-border-radius: 8px; -icab-border-radius: 8px; -khtml-border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px }
.portlet-mobile { width: 90% }

.image-picker div.image a.link:hover, .overlay:hover { position:relative }
.image-picker div.image a.link b, .overlay b { display:block; position:absolute; left:-9999px; padding:10px; opacity:0; z-index:1;
         -o-box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.2); -icab-box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.2);
         -khtml-box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.2); -moz-box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.2);
         -webkit-box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.2); box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.2);
         -o-border-radius: 8px; -icab-border-radius: 8px; -khtml-border-radius: 8px; -moz-border-radius: 8px;
         -webkit-border-radius: 8px; border-radius: 8px; -webkit-transition: opacity 0.3s ease-in-out; }
.image-picker div.image a.link:hover b, .overlay:hover b { left: -170px; top:20px; padding:10px; border:1px solid #ccc; background:#fff; opacity:1.0; }

#ImageLOV_Wrapper { position: absolute; padding: 0px; border: 1px solid #ccc; background-color: #fff; overflow-y: hidden; overflow-x: hidden; z-index: 900;
         -o-box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.2); -icab-box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.2);
         -khtml-box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.2); -moz-box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.2);
         -webkit-box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.2); box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.2);
         -o-border-radius: 8px; -icab-border-radius: 8px; -khtml-border-radius: 8px; -moz-border-radius: 8px;
         -webkit-border-radius: 8px; border-radius: 8px; -webkit-transition: opacity 0.3s ease-in-out }