* {margin:0; padding:0}
html {margin-bottom:1px; height: 100%}
body {height:100%; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:small; line-height:normal; background-color:#FFFFFF !important; color:#666666 !important}
address {width:97%; font-size:85%; line-height:150%; margin:5px; padding:0}
p {clear:both; margin:5px 0 5px 0; padding:2px; line-height:130%; text-align:justify; width:98%}
a {color: #2CA2DC; font-weight:bold; background-color:inherit; text-decoration:none}
a:hover {color: #333333; font-weight:bold; background-color:inherit; text-decoration:underline}
a:visited {color: #2CA2DC; font-weight:bold; background-color:inherit; text-decoration:none}
a:visited:hover {color: #333333; font-weight:bold; background-color:inherit; text-decoration:underline}
img {border: 0px!important}
/* The following line added due to editor problem */
table img {margin:0px; padding:0; border: 0}
a img {color: inherit; background-color: inherit; border: none}
fieldset {padding:0px; border:1px solid #CCCCCC; vertical-align:middle; margin-bottom:2em}
fieldset cite {font-size: 100%}
fieldset h3 {color:#669933; background-color:#FFFFFF; background-image:url('images/form-subheading.gif'); background-position:left; background-repeat:no-repeat; padding-left:30px}
legend {font-weight:normal; font-size:1.8em; color:#669933; margin-left:5px; padding-left:26px; vertical-align:middle}
label {font-weight:bold; margin:10px 0 5px 0; font-size:1.05em}
acronym {border-bottom: 2px dotted #333333; cursor: help}
a acronym {cursor:pointer}
sup {color: #FF0000; background-color: inherit; font-weight:bold; vertical-align:top; padding:0 5px 0 5px}
blockquote {font-family: Georgia, Times, serif; font-style:italic; margin: 5px 0 5px 0; padding: 5px 5px 0 35px; background-image: url('images/quoteback.gif'); background-repeat:no-repeat; background-position:top left}
blockquote p {width: 95%}
blockquote p:first-letter {float: left; font-family: Times, Georgia, serif; font-size: 250%; font-weight:normal; text-transform: uppercase; margin-right: 4px}
blockquote p:after {content: close-quote}
q {display:block; font-family: Georgia, Times, serif; font-style:italic; font-size:small; padding: 5px; width: auto}
q img {float: left; line-height:150%; vertical-align:middle; margin:0 5px 0 0; padding:1px}
pre {clear: both; float:left; font: 1.06em Courier, monospace; padding: .2em; margin: .5em 1em .5em 1.9em; width: 90%; border: 1px inset; color:#333333; background-color:#FFFFCC}
code {font: 1.00em Courier, monospace; color:#CC3300; background-color:inherit; text-align:left}
kbd {font: 1.06em Courier, monospace; padding:2px; border: 1px solid #CCCCCC; color:#333333; background-color:#FFFFCC}
samp {font: 1.06em Courier, monospace}
pre strong {font-size: 1em; font-weight: bold}
em {font-style:italic}
small {font-size: 75%; font-style:italic}
hr {clear:both; margin: 0!important; width:100%; border:none!important; padding: 0!important; height:0px!important; visibility:hidden}
br {clear:both}
ul,ol {clear:both; margin:7px 0 7px 7px; list-style-type: none;}
li {list-style-type: none; background-image: url('images/bullet.gif'); background-repeat: no-repeat; background-position: 0 .1em; margin:0 0 7px 3px}
li li {list-style-type: none; background-image: url('images/bullet2.gif'); background-repeat: no-repeat; background-position: 0 .1em;}
li li li {list-style-type: none; background-image: url('images/bullet3.gif'); background-repeat: no-repeat; background-position: 0 .1em;}
li a, li a:visited, li a:hover, li a:visited:hover {font-weight:normal!important; text-decoration:none}
li a:hover, li a:visited:hover {font-weight:normal!important; text-decoration:underline}
h1 {clear:both; color:#EFCB03; background-color: inherit; font-family: Arial, Verdana, Helvetica, sans-serif; font-size:2.2em; font-weight:normal; font-style:normal; letter-spacing:normal; margin: 0; padding:0; text-decoration:none}
h2 {clear:both; color: inherit; background-color: inherit; font-family: Arial, Verdana, Helvetica, sans-serif; font-size:1.9em; font-weight:normal; font-style:normal; letter-spacing:normal; margin:5px 0 5px 0; padding:1px 0px 1px 0px; text-decoration:none}
h3 {clear:both; color: inherit; background-color: inherit; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:1.35em; font-weight:normal; font-style:normal; letter-spacing:normal; text-decoration:none; margin:5px 0 5px 0; vertical-align:middle}
h3 a, h3 a:visited {text-decoration:none; border:0; color:#2CA2DC; background-color: inherit; background-image:url('images/page.gif'); font-weight:normal; background-repeat:no-repeat; background-position:0% 50%; padding-left:20px; text-transform:lowercase; vertical-align:middle}
h3 a:hover, h3 a:visited:hover {text-decoration:none; border:0; color:#2CA2DC; background-color: inherit; font-weight:normal}
h4 {clear:both; color: #669933; background-color: inherit; font-family: Arial, Verdana, Helvetica, sans-serif; font-size:1.25em; font-weight:bold; font-style:normal; letter-spacing:normal; text-decoration:none; text-transform:capitalize}
h5 {clear:both; color: inherit; background-color: inherit; font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; font-size:0.85em; font-weight:normal; font-style:italic; letter-spacing:normal; text-decoration:none; margin-bottom:0.7em; padding-left:1.7em}
h5 a {text-decoration:none; border:0; color:#333366; background-color: inherit; font-style:normal; font-weight:bold; text-transform:capitalize}
h5 a:hover, h5 a:visited, h5 a:visited:hover {text-decoration:none; border:0; color:#333333; background-color: inherit}
h6 {clear:both; color: inherit; background-color: inherit; font-family: Arial, Verdana, Helvetica, sans-serif; font-size:0.75em; font-weight:normal; font-style:italic; letter-spacing:normal; text-decoration:none}
/* Top Layout */
div#top {overflow:hidden}
.topstyle {margin: 0 auto; width: auto; height:100%; color: #2CA2DC; background-color:inherit; vertical-align:middle; background-image:url('images/top-back.jpg'); background-repeat:repeat-x}
.topstyle div.ver {float: none; clear:both; width:100%; margin:0 auto 7px auto}
.topstyle div.hor {float: left; width: auto; margin: 3px 15px 0 0}
/* Top Bottom Layout */
div#topbottom {overflow:hidden}
.topbottomstyle {margin: 0 auto; padding:0; width: auto; color: #999999; background-color: #FFFFFF; height:25px!important; text-align:center; vertical-align:middle}
.topbottomstyle h2 {font-family: Helvetica, "Arial Narrow", Arial, sans-serif; font-weight:bold; font-size:1.4em; color:#333366; background-color:inherit; background-image:none; border-bottom: 2px solid #333333; text-transform:uppercase}
.topbottomstyle a, .topbottomstyle a:visited {text-decoration:none; color:#999999!important; font-weight:bold!important; background-color: inherit}
.topbottomstyle a:hover, .topbottomstyle a:visited:hover {text-decoration:none; color:#2CA2DC!important; font-weight:bold!important; background-color:inherit}
.topbottomstyle a.new_win {background-image:url('../images/new_win_dark.gif'); background-repeat:no-repeat; background-position:right top; padding-right:8px}
.topbottomstyle a:hover.new_win {background-image:url('../images/new_win_on.gif'); background-repeat:no-repeat; background-position:top right; padding-right:8px}
.topbottomstyle div.ver {float: none; clear:both; width:100%; margin:0 auto}
.topbottomstyle div.hor {float: left; width: auto; margin: 18px 0 7px 0}
/* Main Content Column Wrapper Layout */
.columnwrapper {margin: 0; background-color:#FFFFFF; color: inherit}
div#leftcolumn {overflow:hidden}
.leftcolumnstyle {margin: 0 auto; padding:7px 20px; width: auto}
.leftcolumnstyle h2 {font-size:2.1em; color:#999999; background-color:inherit; margin:10px auto 10px auto; padding: 2px 0 2px 18px; text-align:left; border-top:none}
.leftcolumnstyle a.new_win {background-position:right top; padding-right:8px}
.leftcolumnstyle a:hover.new_win {background-position:top right; padding-right:8px}
.leftcolumnstyle div.ver {float: none; clear:both; width:100%; margin:0 auto 7px auto}
.leftcolumnstyle div.hor {float: left; margin: 0 7px 7px 7px}
/* Center Layout */
div#centercolumn {overflow:hidden}
.centercolumnstyle {margin: 0 auto; width: auto; color:#666666!important; background-color:inherit; font-size:11px}
.centercolumnstyle h2 {font-family: Arial, Verdana, Helvetica, sans-serif; font-weight:normal; font-style:normal; color:#669933!important; background-color:inherit; text-transform:lowercase}
.centercolumnstyle h3, .centercolumnstyle h3 a, .centercolumnstyle h3 a:visited, .centercolumnstyle h3 a:hover {font-weight:bold; background-image:none!important; background-position:left top; padding:0px; margin:0px}
.centercolumnstyle h3 a:hover {color:#EFCB03!important; background-color:inherit; font-weight:bold; background-image:none!important; background-position:left top; padding:0px; margin:0px}
.centercolumnstyle a.new_win {background-position:top right; padding-right:8px}
.centercolumnstyle a:hover.new_win {background-position:top right; padding-right:8px}
.centercolumnstyle div.ver {clear:both; width:94%;}
.centercolumnstyle div.hor {float: left; width: auto; margin: 0 7px 7px 7px}
div.centercolumnstyle li a, div.centercolumnstyle li a:visited {text-decoration:none; color:#167AAC!important; background-color: inherit}
div.centercolumnstyle li a:hover, div.centercolumnstyle li a:visited:hover {text-decoration:none; color:#333333!important; background-color: inherit}
.centercolumnstyle fieldset { margin:0px 30px 0 30px}
/* Right Layout */
div#rightcolumn {overflow:hidden}
.rightcolumnstyle {margin: 0 auto; width: auto; color:#333333; background-color:inherit}
.rightcolumnstyle h2 {font-size:1.6em; color:#999999; background-color:inherit; margin:10px auto 10px auto; padding: 2px 0 2px 7px; text-align:left; height:29px; border-bottom:0px solid #EFEEEE; border-top:1px solid #CCCCCC; background-image:url('images/right-back.jpg'); background-repeat:repeat-x; background-position:top}
.rightcolumnstyle a.new_win {background-image:url('../images/new_win_dark.gif'); background-repeat:no-repeat; background-position:top right; padding-right:8px}
.rightcolumnstyle a:hover.new_win {background-image:url('../images/new_win_on.gif'); background-repeat:no-repeat; background-position:top right; padding-right:8px}
.rightcolumnstyle div.ver {float: none; clear:both; width:100%; margin: 7px auto 7px auto}
.rightcolumnstyle div.hor {float: left; width: auto; margin: 0 7px 7px 7px}
/* Top Bottom Layout */
div#footertop {overflow:hidden; background-color:#FFFFFF; color:inherit}
.footertopstyle {margin: 0 auto; text-align: center; width: auto; color: #FFFFFF; background-color:inherit; padding:5px; border-top: 0px solid #CCCCCC}
.footertopstyle h2 {color:#FFFFFF; background-color:inherit; font-weight:bold}
.footertopstyle a {text-decoration:none; color: #333333!important; font-weight:bold; background-color: inherit}
.footertopstyle a:hover {text-decoration:underline; color:#006699!important; font-weight:bold; background-color:inherit}
.footertopstyle a.new_win {background-image:url('../images/new_win.gif'); background-repeat:no-repeat; background-position:top right; padding-right:8px}
.footertopstyle a:hover.new_win {background-image:url('../images/new_win_on.gif'); background-repeat:no-repeat; background-position:top right; padding-right:8px}
.footertopstyle li {margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px}
.footertopstyle div.ver {float: none; clear:both; width:100%; margin: 0 auto 7px auto}
.footertopstyle div.hor {float: left; width:auto; margin: 5px; height:100%}
/* Footer Layout */
div#footer {overflow:hidden}
.footerstyle {margin: 0 auto; text-align:center; width: auto; color: #999999; background-color: #FFFFFF}
.footerstyle a, .footerstyle a:visited {text-decoration:none; color:#999999!important; font-weight:bold!important; background-color: inherit}
.footerstyle a:hover, .footerstyle a:visited:hover {text-decoration:underline; color:#2CA2DC!important; font-weight:bold!important; background-color:inherit}
.footerstyle a.new_win {background-image:url('../images/new_win_dark.gif'); background-repeat:no-repeat; background-position:top right; padding-right:8px}
.footerstyle a:hover.new_win {background-image:url('../images/new_win_on.gif'); background-repeat:no-repeat; background-position:top right; padding-right:8px}
.footerstyle div.ver {float: none; clear:both; width:100%; margin:0 auto}
.footerstyle div.hor {float: left; width:auto; text-align:center}
/* General Class to Clear Floated Elementt */
.clearboth:after {content: "."; display: block; height: 0; clear: both; visibility: hidden}
.clearboth {display: inline-table;}
/* Hides from IE-mac \\\\*/
* html .clearboth {height: 1%;}
.clearboth {display: block;}
/* End hide from IE-mac */
/* Table Class Styles */
table.table-style {border:1px solid #996633; width: 99%; margin:0 auto !important}
.table-style tr {font-weight: normal; font-size:100%; height:30px; line-height:30px; vertical-align:middle}
.table-style th { color:#996633; background-color:#FFFFCC; padding:2px; text-align:center; font-weight: bold; font-size:115%; height:30px; line-height:30px; vertical-align:middle; border:1px solid #996633}
.table-style td {border:1px solid #996633; padding:2px; text-align:center}
.table-style caption {text-align:left; font-weight:bold; font-size:x-small}
/* Horizontal Layout */
dl.datalisthor {clear: both; width: 80%; line-height:1.6em; margin: 0 auto; font-size:100%}
.datalisthor dt {color:#000000; background-color:inherit; font-size:1.15em; font-style:normal; text-align:left; margin-top:0px}
.datalisthor dd {font-weight:normal; font-style:normal; text-align:left; margin-bottom:5px}
.datalisthor img {border:none; vertical-align:middle}
.datalisthor input, .datalisthor textarea, .datalisthor select {width:100%!important}
/* General Data Definition Horizontal Columnar Layout margin 39%*/
dl.datalisthorcol40 {clear: both; float:left; width:100%; margin: 0 auto; font-size:100%}
.datalisthorcol40 dt {clear:left; float:left; font-weight: bold; font-style:normal; width:170px}
.datalisthorcol40 dd {clear:right; font-weight:normal; font-style:normal; margin-left:170px}
.datalisthorcol40 img {margin-bottom:0.4em; vertical-align:middle}
.datalisthorcol40 a img {border:1px solid #CCCCCC; color: inherit; background-color:#FFFFFF}
.datalisthorcol40 a:hover img {border:1px solid #333333; color: inherit; background-color:#FFFFCC}
/* General Data Definition Horizontal Inline Layout */
dl.datalisthorinline {clear: both; float:left; line-height:1.6em; vertical-align:middle; white-space:nowrap; width:95%; margin: 0.7em 0 0.7em 0; padding:3px 0 3px 20px; font-size:75%; border-top:2px dotted #99CC99; border-bottom:2px dotted #99CC99; background-image:url('images/information.gif'); background-repeat:no-repeat; background-position:0% 35%}
.datalisthorinline dt {float: left; font-weight: bold; padding:0 2px 0 0; vertical-align:middle}
.datalisthorinline dd {float: left; font-weight: normal; padding:0 16px 0 0; margin-left: auto; vertical-align:middle}
.datalisthorinline dd.compact {float: left; font-weight: normal; padding:0 2px 0 0; margin-left: auto}
.datalisthorinline dt:after {content: ":"}
.datalisthorinline a {text-decoration:none; border:0}
.datalisthorinline a:hover {text-decoration:none; border:0}
.datalisthorinline a:visited {text-decoration:none; border:0}
.datalisthorinline a:visited:hover {text-decoration:none; border:0}
div.information {float:none; clear:both; margin:20px auto; padding:10px; width:90%; font-weight:bold; background-color:#F4FFF4; color:#006600; border: 2px dotted #006600; text-align:left}
div.information dt, div.information dd {color:#000000; background-color:inherit}
div.warning {margin:20px auto; padding:10px; width:60%; font-weight:bold; background-color:#FFFFE1; color:#FF0000; border: 2px dotted #FF0000; text-align:left}
div.warning dt, div.warning dd {color:#000000; background-color:inherit}
div.page-content {width:90%; margin:0; padding:0px 20px 50px 20px}
/* My Account Menu */
/* Horizontal Menu */
ul.listhor {width:auto!important; margin:0 auto!important; padding:3px 0 3px 0!important; list-style-image:none; vertical-align:middle; font-weight:bold}
ul.listhor li {display: inline; margin:0!important; padding:0 0.95em 0 0.7em!important; font-weight:bold; background-image:url('images/marker-blue.gif'); background-repeat: no-repeat; background-position:right center; line-height:1em; vertical-align:middle}
/* Inline dl after intput tag */
div.datalistinlineinput {float:left}
div.datalistinlineinput dt {width:10%; margin-left:5px}
div.datalistinlineinput dd {margin-left:10%}
/* Alphabetical List Link */
ul.alphabeticallist {clear:both; list-style-image:none; font-weight:bold; width:100%; margin:0; text-align:center; padding: 0}
ul.alphabeticallist li {display: inline; margin:0!important; padding:0 4px 0 4px!important; background-image:url('images/marker-yellow.gif'); background-repeat: no-repeat; background-position:right center}
div.login {width:55%; margin: 15px auto 20px auto; text-align:left; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC; border-top:0; border-bottom:0; padding: 5px 10px 10px 30px;}
/* Banner Layout */
div.banner {width: 90%; margin: 0 auto; text-align:center; padding:10px}
/* Category Listing */
div.categorylisting {width:96%; position:relative; margin:20px 0 20px 15px !important; text-align:center; padding:0}
div.categorylisting div {float:left; margin:5px auto; padding:0; text-align:left}
div.categorylisting .linkwrapper {clear:none; float:left; width:auto; padding:0px 0 5px 22px; margin:0; font-size:12px; font-weight:normal}
div.categorylisting .linkwrapper a, div.categorylisting .linkwrapper a:hover {font-size:10px; font-weight:normal; border-bottom:1px dashed #FFD800}
div.categorylisting h4 {font-size:125%; text-align:left; margin-bottom:0px}
div.categorylisting h4 a, div.categorylisting h4 a:hover {background-image:url(images/folder.gif); background-position:left top; background-repeat:no-repeat; padding-left:24px}
div.categorylisting br {clear:both}
/* General Breadcrumb Navigation Layout */
ol.breadcrumbs {clear:both; float:left; color:#333333; background-color: inherit; font-size: 1em; font-weight:normal; font-family: Helvetica, Arial, sans-serif; width:100%; margin:0.7em 0 0.7em 0; padding:0; background-image:none!important; list-style-type:none!important; list-style-image:none!important; white-space:nowrap}
ol.breadcrumbs li {float:left; margin:0!important; padding:0!important; background-image:none!important; list-style-type:none!important; list-style-image:none!important; font-style: italic; font-weight:bold}
ol.breadcrumbs a, .breadcrumbs a:visited {text-decoration:none; font-weight: normal; background-image:url('images/breadcrumb.gif'); background-repeat:no-repeat; background-position:left center; padding:0 0.2em 0 1.2em}
ol.breadcrumbs a:hover, .breadcrumbs a:visited:hover {text-decoration:none; font-weight: normal; background-image:url('images/breadcrumb.gif'); background-repeat:no-repeat; background-position:left center; padding:0 0.2em 0 1.2em}
ol.breadcrumbs em {color:#333333; background-color: inherit; background-image:url('images/breadcrumb.gif'); background-repeat:no-repeat; background-position:left center; padding:0 0.2em 0 1.2em}
/* General Small Breadcrumb Navigation Layout */
ol.breadcrumbsmall {clear:both; float:left; font-size: 0.8em; font-family: Helvetica, Arial, sans-serif; color:#333333; background-color: inherit; width:96%; margin:0 0 0 2px; padding:0; background-image:none!important; list-style-type:none!important; list-style-image:none!important; white-space:nowrap}
ol.breadcrumbsmall li {float:left; margin:0!important; padding:0!important; background-image:none!important; list-style-type:none!important; list-style-image:none!important}
ol.breadcrumbsmall a, ol.breadcrumbsmall a:hover {text-decoration:none; background-image:url('images/breadcrumbsmall.gif'); background-repeat:no-repeat; background-position:left center; padding-left:1.2em}
ol.breadcrumbsmall .breaker a, ol.breadcrumbsmall .breaker a:hover {text-decoration:none; color:#333333; background-color: inherit; background-image:url('images/word_breaker_small.gif'); background-repeat:no-repeat; background-position:left center}
ol.breadcrumbsmall em:after {content: " "}
ol.breadcrumbsmall em {color:#333333; background-color: inherit; background-image:url('images/general/spacer.gif'); background-repeat:no-repeat; background-position:left center}
/* Page Navigation Layout */
div.page-navigation {clear:both; text-align:center; color:#333333; background-color: inherit; font-size: 88%; font-weight:normal; font-family: Helvetica, Arial, sans-serif; width:100%; margin:1em 0 1em 0; list-style-type:none; list-style-image:none; white-space:nowrap}
div.page-navigation a, div.page-navigation a:hover {margin: 10px 0 10px 0}
/* General Text Alignnment */
.centeredtext {text-align:center; margin:0 auto}
.righttext { clear:both; text-align:right}
.justifiedtext {text-align:justify}
/* Listing Items Layout */
div.listing {width:85%; margin: 15px auto 10px auto; text-align:left; padding: 5px 10px 10px 30px;}
div.listing-left {float:left; width:30%;}
div.listing-right {float:left; width:65%;}
div.payment-logo {width:35%; text-align:center;}
div.payment-logo div {float:left; padding:20px 10px; width:auto}
/* Others */
.no-form-style {border:0; width:auto; vertical-align:middle}
div.form-buttons {padding:5px 0; text-align: center}
.flashheader {float:left}
.note {margin:0; padding:0; width:auto; display:block; font-size:x-small; font-weight:normal; color:#FF0000; background-color:inherit; clear:left}
.mandatory {font-size:100%; font-weight:bold; color:#FF0000; background-color:inherit;}
.button-style, .button-style a, .button-style a:hover, a.button-style:visited {width:auto !important; line-height:1.2em!important; margin: 5px auto!important; padding:1px 3px 1px 3px !important; border: 1px solid #666666 !important; color:#666666 !important; font-weight:bold !important; font-size:0.9em !important; text-transform:uppercase !important; text-decoration:none!important; text-align:center !important}
input.button-style-checkbox {width:20px !important; border:0 !important}
/* Style MiniWebPage Style */
.js-body {height:100%; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:small; line-height:normal; background-color:#FFFFFF !important; color:#666666 !important}
.js-logoStyle {margin:0; padding:0}
.js-menu,.js-footer {width: 100%; color: #999999; background-color: #EFEEEE; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; height:25px!important; text-align:center; vertical-align:middle}
.js-maincontent {width:100%; padding:0px; margin:0}
.js-maincontent p, .js-maincontent h1 {margin-left:5px}
/* Admin Help */
dl.admin-help dt {margin:0 0 10px 0; text-decoration:underline; font-weight:bold}
dl.admin-help dd {margin:0 0 10px 0; text-align:justify}
dl.admin-help dd strong {font-size:80%}
/* General Data Definition Vertical Layout with Float*/
dl.datalistverfloat {clear:none; float:left; width:115px; margin:12px; padding:0 0 5px 0; text-align:center; border: 1px solid #CCCCCC; color: inherit; background-color:#FFFFFF}
.datalistverfloat dt {width:auto; margin: 3px auto; padding:0; font-size:12px; font-weight:bold; text-align:center}
.datalistverfloat dd {width:auto; margin: 3px auto; padding:0; font-size:smaller; text-align:center}
.datalistverfloat img {padding:0; margin:0}
.datalistverfloat span {float:left; position:relative; top:0; left:0; margin-top: -102px; padding:0 2px 2px 0; font: oblique bold 1.5em Georgia, Times, serif; color:#000000; background-color:#FFFFFF; border-bottom: 1px solid #000000; border-right: 1px solid #000000}
/* General Data Definition Vertical Layout with Float footer*/
.datalistverfloatfooter {clear:none; float:left; width:29%; margin-left:1.8%; margin-right:1%; margin-bottom:7px; text-align:left!important}
.datalistverfloatfooter p {text-align:left; padding:2px 0 2px 10px; width:auto!important; height:25px; line-height:1.8em; vertical-align:middle; background-color:#F1F1F1; color:inherit; font-weight:bold}
.admin-style input, .admin-style textarea, .admin-style select{width: auto!important}
.link-details {width:72%; float:left}
.link-features {width:23%; float:right; padding:0 0 0 5px!important; margin-top:10px; border:2px dotted #CCCCCC; font-size:0.8em}
ul.link-status {width:100%; margin:5px 0 5px 0; vertical-align: middle; padding:0px; list-style-image:none; background-color:#FFFFFF; color:inherit; font-size:80% !important}
ul.link-status li {display: inline; vertical-align: middle; line-height:1.6em; margin:0; padding:0 0.7em 0 0.7em; background-image:url('images/marker-yellow.gif'); background-repeat: no-repeat; background-position:right center}
.link-details p {float:left}
.link-details p img {float:left; padding-right: 5px}
dl.link-style {clear: both; float:left; width: 100%; line-height:1.6em; margin: 0px auto; padding:10px 0}
.link-style dt {clear:left; float:left; font-style:normal; font-weight:bold; text-align:left; width:20%; margin-bottom:5px; height:20px; vertical-align:middle}
.link-style dd {clear:right; color:#666666; background-color:inherit; font-weight:normal; font-style:normal; text-align:left; margin-left:15%; margin-bottom:5px; height:20px; vertical-align:middle}
.link-style img {border:none; vertical-align:middle}
.link-style textarea {float:left}
#wrapper-content {border-left:1px solid #FFD800; border-right:1px solid #FFD800; border-bottom:1px solid #FFD800}
#wrapper-menu-page {text-align: center; line-height: 140%}
#menu-page { padding-top: 5px; border-left:1px solid #888888}
#menu-page ul {margin: 0; padding: 0; list-style: none; font-size: 90%}
.tabletd {width:25%; text-align:left}
.OuterTable {background-color:#FFFFFF; color:inherit; border:1px solid #EFCB03!important; height: 30px; vertical-align:middle}
.OuterTable td {border:1px solid #EFCB03!important; padding:0!important; margin:0!important; height: 30px; vertical-align:middle}
.Headerrow {color:#FFFFFF; background-color:#EFCB03; height: 30px; vertical-align:middle }
.HeaderTable {background-color:#EFCB03; color:#FFFFFF; font-weight:bold}
.divbottom {border-bottom: #888 1px solid}
.HeaderLinks {background-color:inherit; color:#000000; text-decoration:none}
.NavigationLinks { margin:15px 0 20px 0; color: #888; background-color:inherit; text-decoration:none; text-align:center}
.message {color:#FF0000; background-color:inherit; text-align:center}
/* Odd/Even Style */
.odd {background-color:#FFEBEB; color:inherit; border-bottom:1px solid #CC3333; border-top:1px solid #CC3333; background-image:url(images/backgroundo.gif); background-repeat:no-repeat; background-position:right center}
.even {background-color:#FEFEE7; color:inherit; border-bottom:1px solid #999900; border-top:1px solid #999900; background-image:url(images/backgrounde.gif); background-repeat:no-repeat; background-position:right center}
/*Light Box*/
#lightbox{position: absolute; top: 40px; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox a img{ border: none; }
#outerImageContainer{position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto;}
#imageContainer{padding: 10px;}
#loading{position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0;}
#hoverNav{position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10;}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{width: 49%; height: 100%; background: transparent url(images/blank.gif) no-repeat; display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em;}
#imageData{padding:0 10px; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold; }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; }
#imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; }
/*#overlay{position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6;}*/
#overlay{position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html>body .clearfix {display: inline-block; width: 100%;}
* html .clearfix {height: 1%;}
/* Menu */
.menu-admin ul {height: auto; margin:5px 0 0 2px; padding:0; font-size:11px; border:1px solid #CCCCCC; background-color:#FFFFFF; color:inherit; background-image: none!important; list-style-type: none!important; list-style-image:none!important}
.menu-admin li {width:665px; text-align: left; list-style-type: none!important; background-image: none!important; list-style-image:none!important; padding-left:5px; border:0px solid #FFFFFF!important}
.menu-admin li a {color: #333333; background-color:inherit; text-decoration: none; border:0px solid #FFFFFF!important}
.treeview ul{ /*CSS for Simple Tree Menu*/
margin: 0;
padding: 0;
}
.treeview li{ /*Style for LI elements in general (excludes an LI that contains sub lists)*/
background: white url(../../images/list2.gif) no-repeat left 2px;
list-style-type: none;
padding-left: 22px;
margin-bottom: 3px;
}
.treeview li.submenu{ /* Style for LI that contains sub lists (other ULs). */
background: white url(../../images/closed.gif) no-repeat left 4px;
cursor: pointer !important;
}
/* Main class for sticky in note form */
/* -------------------------------------------------------------- */
.yellow_sticky,
.yellow_sticky img,
.yellow_sticky_content,
.yellow_sticky_resize,
.yellow_sticky_dragbar,
.yellow_sticky_remove,
.yellow_sticky_folder,
.yellow_sticky_dynamite,
.yellow_sticky_dynamitee,
.yellow_sticky_email,
.yellow_sticky_text1,
.yellow_sticky_lock,
.yellow_sticky_unlock,
.yellow_sticky_form
{
display:block;
position:absolute;
border:0 none;
}
.yellow_sticky img
{
z-index:1;
top:0;
left:0;
}
.yellow_sticky
{
text-align:center;
}
.yellow_sticky_content
{
left:10px;
top:3px;
width:auto!important;
height:190px!important;
font-family:Arial, Helvetica, sans-serif;
font-size:12px!important;
z-index:2;
overflow:hidden;
text-align:left;
}
.yellow_sticky_content ul,
.yellow_sticky_content ol
{
text-align:left;
margin-left:0;
padding-left:1.8em;
}
.yellow_sticky .yellow_sticky_resize
{
right:2%;
bottom:2%;
display:block;
width:20px;
height:19px;
z-index:4;
cursor:se-resize;
background-image: url(../../images/corner.gif)
}
.yellow_sticky_dragbar
{
left:-5px;
top:10px;
width:201px;
height:275px;
background:transparent;
z-index:100;
cursor:move;
overflow:hidden;
}
.yellow_sticky_resize
{
background:transparent;
}
.yellow_sticky_remove
{
position:absolute;
top:1%;
right:4%;
width:5%;
height:5%;
display:block;
z-index:6;
font-size:10px;
line-height:1em;
text-decoration:none;
color:#000;
background-color:inherit
}
.yellow_sticky_folder
{
top:89%;
right:11%;
width:20px;
height:19px;
display:block;
z-index:150;
cursor:pointer;
background-image:url(../../images/folder[19].gif);
font-size:10px;
line-height:1em;
text-decoration:none;
color:#000;
background-color:inherit
}
.yellow_sticky_dynamite
{
top:89%;
right:22%;
width:20px;
height:19px;
display:block;
z-index:160;
cursor:pointer;
background-image:url(../../images/dynamite-grey.gif);
font-size:10px;
line-height:1em;
text-decoration:none;
color:#000;
background-color:inherit
}
.yellow_sticky_dynamitee
{
top:89%;
right:22%;
width:20px;
height:19px;
display:block;
z-index:160;
cursor:pointer;
background-image:url(../../images/dynamite.gif);
font-size:10px;
line-height:1em;
text-decoration:none;
color:#000;
background-color:inherit
}
.yellow_sticky_email
{
top:-8%;
left:3%;
width:35px;
height:16px;
display:block;
z-index:170;
background-image:url(../../images/mail.jpg);
font-size:10px;
line-height:1em;
text-decoration:none;
color:#000;
background-color:inherit
}
.yellow_sticky_text1
{
top:-9%;
left:23%;
display : block;
background-color:inherit;
border : 0px;
height:12px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#000000;
width:76%;
z-index:200;
text-align:left;
}
.yellow_sticky_lock
{
top:92%;
left:2%;
width:10px;
height:20px;
display:block;
z-index:7;
cursor:pointer;
font-size:10px;
line-height:1em;
text-decoration:none;
color:#000;
text-align:right;
background-color:inherit
}
.yellow_sticky_unlock
{
top:92%;
left:15%;
width:50px;
height:20px;
display:block;
z-index:7;
cursor:pointer;
font-size:10px;
line-height:1em;
text-decoration:none;
color:#000;
text-align:left;
background-color:inherit
}
.yellow_sticky_remove:link,
.yellow_sticky_remove:visited
{
color:#000;
background-color:inherit
}
.yellow_sticky_remove:hover
{
font-weight:normal;
color:#f00;
text-decoration:none;
background-color:inherit
}
.yellow_sticky_form
{
display:block;
left:9px;
top:0px;
width:93%;
height:100%;
line-height:100%;
padding:0;
margin:0;
background:transparent;
z-index:123;
}
.yellow_sticky_form textarea
{
display:block;
top:0;
width:100%;
height:170px!important;
border:0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px!important;
/*font:11px/1em 'Lucida grande', 'trebuchet MS', verdana, helvetica, arial, sans-serif;*/
color:#111111;
text-align:left;
padding:0;
margin-top:11px;
background-color:#FDEC94
}
.yellow_sticky_textv
{
display:inline;
}
.yellow_sticky_textv div
{
display:none;
}
.yellow_sticky_textv .yellow_sticky_content
{
display:block;
position:relative;
top:-15px !important;
left:0 !important;
clear:both;
height:auto !important;
width:auto !important;
text-align:left;
font-size:11px;
font-style:normal;
font-family:Georgia, "Times New Roman", Times, serif !important;
background:transparent;
}
.yellow_sticky_text
{
display : block;
background-color:#FEEE9C;
border : 0px;
height:15px!important;
line-height:15px!important;
margin-bottom:5px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
/*font:11px/1em 'Lucida grande', 'trebuchet MS', verdana, helvetica, arial, sans-serif;*/
color:#111111;
width:100%;
z-index:99;
}
.yellow_horiz{color:#334455; height:1px; width:100%; background-color:inherit}
.yellow_sticky_textv img,
.yellow_sticky_textv form,
.yellow_sticky_textv .yellow_sticky_resize,
.yellow_sticky_textv .yellow_sticky_dragbar,
.yellow_sticky_textv .yellow_sticky_remove
.yellow_sticky_textv .yellow_sticky_folder
.yellow_sticky_textv .yellow_sticky_dynamite
.yellow_sticky_textv .yellow_sticky_dynamitee
.yellow_sticky_textv .yellow_sticky_email
.yellow_sticky_textv .yellow_sticky_text1
.yellow_sticky_textv .yellow_sticky_lock
.yellow_sticky_textv .yellow_sticky_unlock
{
display:none;
}
#sticky_submit
{
background-color:yellow;
padding:2em;
color:inherit;
}
form
{
text-align:left;
}
.yellow_sticky_content,
.yellow_sticky_resize
{
background:transparent;
}
#available {display: none; color: green;}
#not_available {display: none; color: red;}
.jqDrag {width: 100%; cursor:move}
.jqDnR {z-index: 3; position: relative; width: 135px; font-size: 0.77em;}
/****************** Drag****************************/
.selectable {background: #fff; width: 100%; height: 100%}
.selectableItem {display: block; width: 135px !important; width /**/: 135px; height: auto; position: absolute; color: #000; cursor:move}
#searchbox{top: 175px; left: 15%;}
#addfriendbox{top: 175px; left: 70%;}
/***********************ADMIN MENU**************************/
#menu {position: absolute; top: 120px; left: 11%; z-index:100; width: auto}
#menu dl {float: left; width: 133px; margin: 0 1px}
#menu dt {cursor: pointer; text-align: center; font-weight: bold; background: #ccc; border: 1px solid gray}
#menu dd {border: 1px solid gray}
#menu li {padding-left:5px; text-align: left; background-color:#ccc; text-transform:none!important}
#menu li a, #menu dt a {color: #000; text-decoration: none; display: block; height: 100%; border: 0 none; text-transform:none!important}
#menu li a:hover, #menu dt a:hover { background: #eee; text-transform:none!important}
/*************************Add Contact**********************************/
.suggestionsBox {position: relative; width: 100%; background-color: #212427; -moz-border-radius: 7px; -webkit-border-radius: 7px; border: 2px solid #000; color: #fff;}
.suggestionList {margin: 0px; padding: 0px;}
.suggestionList li {margin: 0px 0px 3px 0px; padding: 3px; cursor: pointer;}
.suggestionList li:hover {background-color: #659CD8!important;}