@media all {/* http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}}
@media all {/* 
   General 
------------------------------------------------------------------- */
body {font-family: "lucida grande",tahoma,verdana,arial,sans-serif; font-size:11px;}

/* 
   Headings 
------------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6 {
font-weight: normal; line-height: 1; margin-bottom: 0.3em;
text-shadow: 0 -1px 0 #666666;
}
.contentholder-white-inner h1,
.contentholder-white-inner h2,
.contentholder-white-inner h3,
.contentholder-white-inner h4,
.contentholder-white-inner h5,
.contentholder-white-inner h6 {
font-weight: normal; line-height: 1; margin-bottom: 0.3em;
text-shadow: 0 -1px 0 #EEEEEE;
}
h4,h5,h6 {font-weight: bold;}

h1 {font-size: 2.6em; font-weight: bold;}
h2 {font-size: 2em; padding-top: 16px;}
h3 {font-size: 1.5em; padding-top: 16px;}
h4 {font-size: 1.25em; padding-top: 16px;}
h5 {font-size: 1.1em; padding-top: 16px;}
h6 {font-size: 1em; padding-top: 16px;}

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin: 0;}

/* 
   Links 
------------------------------------------------------------------- */
a {font-weight: normal; text-decoration: none;}
.quiet a {font-weight: normal;}
a:hover {text-decoration: none;}

/* 
   Tables 
------------------------------------------------------------------- */

table.styled {font-size: 1em;}
table.styled th {font-weight: bold; text-align: center;}
table.styled td, table.styled > caption {text-align: center}
table.styled td.col-left {text-align: left;}
table.styled td.col-highlight {font-weight: bold;}
table.styled td.col-highlight_bg {font-weight: normal;}
table.styled tfoot {font-style: italic;}

.label-pair-list li {text-shadow: 0 -1px 0 #F6F6F6;}
.label-pair-list li span {font-weight: bold;}

/* 
   Text elements 
------------------------------------------------------------------- */
p {margin-bottom: 1em; text-align: justify;}
address {margin-bottom: 1.5em;}
blockquote {margin: 1.5em;}
em, dfn, blockquote, address {font-style: italic;}
strong, dfn {font-weight: bold;}
sup, sub {line-height: 0;}
pre {margin: 1.5em 0;white-space: pre;}
pre,code,tt {font: 1em monospace;line-height: 1.5;}

/* 
   Custom text classes 
------------------------------------------------------------------- */
.small {font-size: 0.9em;}
.smaller {font-size: 0.8em;}
.smallest {font-size: 0.7em;}
.large {font-size: 1.15em;}
.larger {font-size: 1.4em;}
.largest {font-size: 1.8em;}
.hidden {display: none;}
.text-left {text-align: left !important;}
.text-right {text-align: right;}
.text-center {text-align: center !important;}
.bold {font-weight: bold;}

/* 
   Form overrides 
------------------------------------------------------------------- */
input, textarea, select, button, a.default {font-family: "lucida grande",tahoma,verdana,arial,sans-serif; font-weight: bold; font-size: 1.1em;}
div.form-row.inline label {font-size: 1.1em; font-weight: bold; text-align: left;}
.calendar-cancel { text-align: center;}
.submit-row {text-align: right;}
.submit-row a, a.default {text-decoration: none;}

/* 
   Layout 
------------------------------------------------------------------- */

/* Inner wrappers */
#footer-inner {font-size: 0.9em; text-shadow: 0 -1px 0 #000;}
#col-right .box a.large {font-size: 1.3em;}
#col-right .box h4 {text-shadow: 0 -1px 0 #EEEEEE;}
#col-right .sponsor p{font-size: 0.9em;}
/* 
   Custom components 
------------------------------------------------------------------- */

/* Button toolbar */
.button-toolbar-hoverpane-content {font-size: 1.2em;}
.button-toolbar-hoverpane-content h3 {font-size: 2.2em; text-shadow: 0 -1px 0 #EEEEEE;}
.button-toolbar-hoverpane-content h4 {text-shadow: 0 -1px 0 #EEEEEE;}

/* Results */
.result_thumb {text-align: center;}
.results-viewtype-selector {}
.results-viewtype-selector div {font-weight: bold;}
.results-viewtype-selector div.selected {font-size: 1em; font-weight: normal;}
.results-viewtype-selector div.selected span {font-weight: bold; font-size: 1.4em;}

#result-filters-holder h4 {
    font-size: 1.2em; padding-top: 0px; margin-top: 0px; padding-bottom: 8px;
    text-shadow: 0 1px 0 #EEEEEE;
}

#result-detail-screenshot {text-align: center;}
#result-detail-header h2 {padding-top: 0px; margin-top: 0px;}
#result-detail-right-content h3, #result-detail-right-content h4 {padding-top: 0px; margin-top: 0px;}
/* Pagination */
.pagination {text-align: center; font-size: 1.2em;}}
@media all {/* 
   General 
------------------------------------------------------------------- */

html, body {height: 100%;}

body {line-height: 1.5; min-width: 962px;margin:0; padding:0;}

/* 
   Lists 
------------------------------------------------------------------- */
li ul, li ol {margin-left: 20px;}
ul, ol {margin: 0px;}
ul {list-style-type: disc;}
ol {list-style-type: decimal; margin-left: 20px;}

ul.plain-list li, ul.nice-list li, ul.tabbed li {list-style: none; margin-top: 0;}
ul.plain-list {margin: 0;}
ul.plain-list li {padding: 4px 0;}

ul.tabbed {margin: 0;}
ul.tabbed li {float: left; padding-right: 8px; padding-left: 8px;}
ul.tabbed li:first-child {padding-left: 0px;}
ul.tabbed li:last-child {background: none; padding-right: 0px;}
ul.tabbed.no-seperator li{background: none;padding-right: 2px; padding-left: 2px;}

ul.nice-list {margin-left: 0;}
ul.nice-list li {list-style: none; padding: 4px 0;}

ul.centered {text-align: center;}

ul.v-animated-list {list-style: none; width: 100%; margin: 0; float: left; position: relative;}
ul.v-animated-list li {position: relative; padding: 0; margin: 0; float: none;}
ul.v-animated-list li a {display: block; padding: 3px 3px 3px 0px; text-decoration: none; border: 0; position: relative; height: 1%;}
ul.v-animated-list li a img {padding-right: 4px;}
ul.v-animated-list li a span {position: absolute; left: -35px; top: 50%; margin: -14px 0 0; height:16px; width: 32px; display: none;}

/* 
   Tables 
------------------------------------------------------------------- */

table.styled {width: 100%;}
table.styled th {padding: 11px 10px 0px 5px !important;}
table.styled thead th {height: 38px; padding-bottom: 0px;}
table.styled td, table.styled > caption {padding: 4px 10px 4px 5px;}


/* 
   Alignment 
------------------------------------------------------------------- */
.floatleft {float: left;}
.floatright {float: right;}
.clear,.clearer {clear: both;}
.clearer {display: block; font-size: 0; line-height: 0; height: 0;}

/* 
   Label and value pairs 
------------------------------------------------------------------- */

ul.label-pair-list {padding: 8px;}
ul.label-pair-list li {clear: both;}
ul.label-pair-list li span {float:left; margin-right: 20px; width: 80px; text-align: left;}
ul.label-pair-list li p {float:right; width: 220px;}


/* 
   Layout 
------------------------------------------------------------------- */

/* Outside wrappers */
#site-wrapper {}
#header-wrapper {height: 114px; width: 100%;}
#content-wrapper {}
#footer-wrapper {height: 100%; width: 100%;}

/* Inner wrappers */
.site-inner {width: 990px; margin: 0px auto; position: relative;}
#header-inner {}
#footer-inner {padding-top: 18px; height: 100%;}
#footer-left {width: 268px;}
#footer-middle {text-align: left; padding-left: 20px;}
#nav {float:right; position: relative; top: 84px;}
#content-inner {}
#col-left {float: left; width: 698px; padding-right: 25px; padding-bottom: 25px; position: relative;}
#col-right {float: right; width: 254px; padding: 25px 6px 25px 6px; text-align: center;}

#col-right .box {width: 188px; margin-bottom: 20px; margin-left: 24px; padding: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; text-align: left;}

#col-right .box h4 {margin-top: 0px; padding-top: 0px;}

#col-right .sponsor {width: 205px; margin-bottom: 20px; margin-left: 24px; padding: 0px; -moz-border-radius: 8px; -webkit-border-radius: 8px; text-align: left;}
#col-right .sponsor p {text-align: justify;}

#account-links {height: 20px; float:right; position: absolute; right: 0px; top: 6px;}

/* Content holder */
.contentholder-black-wrapper {position: relative; float: left; width: 698px; top: -24px;}
.contentholder-black-inner {padding: 0px 25px 1px 25px; margin-top: 42px;}
.with-left-tab {width: 656px;}
.contentholder-black-wrapper .back-to-results {height: 150px; width: 24px; position: relative; left: 10px;}
.contentholder-black-wrapper .back-to-home {height: 190px; width: 24px; position: relative; left: 10px;}
.contentholder-black-bottom {height: 24px;}

.contentholder-white-wrapper {position: relative; float: left; width: 646px; top: -25px;}
.contentholder-white-inner {padding: 0px 25px 1px 25px; margin-top: 42px;}
.contentholder-white-bottom {height: 24px;}

#full-width.contentholder-white-wrapper {float: right; right: 0px; width: 698px;}

/* Content holder - inner boxes */
#results-innerbox {padding: 10px 10px 10px 10px; height: 150px; position: relative;}
/* 
   Custom components 
------------------------------------------------------------------- */

/* Button toolbar */
.button-toolbar-container {width: 100%;}
.button-toolbar-hoverpane {position: absolute; bottom: 70px; right: 25px; left: 25px;}
.button-toolbar-hoverpane-content {display:none; position: relative; padding: 0px 16px 10px 16px; margin-top: 22px;}
.button-toolbar-hoverpane-content img {padding: 0px 0px 10px 10px; float:right;}
.button-toolbar-hoverpane-content h3 {padding-top: 0px; padding-bottom: 10px;}
.button-toolbar-hoverpane-content h4 {padding-top: 0px;}

.button-toolbar {height: 76px; position: absolute; left: 4px; right: 4px; bottom: 4px; padding-bottom: 4px;}
.button-toolbar-content {height: 62px; margin-bottom: 19px;}
.button-toolbar ul {padding: 0px 30px 0px 30px;}
.button-toolbar ul li {padding: 0px 0px 0px 0px;}
.button-toolbar ul li a {padding: 8px 4px 6px 4px; cursor: pointer; display: block;}
.button-toolbar ul li a:hover, .button-toolbar ul li a.active {}
.button-toolbar ul li .highlighted_item {z-index: 999 !important;}
.contentholder-white-inner .button-toolbar {bottom: 13px;}

/* Results */
#results-content {}
#results {width: 514px; right: 25px; position: absolute;}

.result_thumb {-moz-border-radius: 8px; -webkit-border-radius: 8px; padding: 4px 4px 4px 4px; width: 100px; height: 100px;}
.result_thumb {display: table-cell; vertical-align: middle;}
.thumb_text {text-align: center;}

.results-viewtype-selector {width: 100%;}
.results-viewtype-selector div {}
.results-viewtype-selector #vts-center, .results-viewtype-selector #vts-leftarrow, .results-viewtype-selector #vts-rightarrow {padding-bottom: 8px; height: 50px;float: left;}
.results-viewtype-selector #vts-leftarrow, .results-viewtype-selector #vts-rightarrow {width: 21%;}
.results-viewtype-selector #vts-center {width: 58%;}
.results-viewtype-selector #vts-center div {width: 33%; float: left;}
.results-viewtype-selector div img {padding-top: 18px;}
.results-viewtype-selector div.not-selected {padding-top: 20px;}

#results-filters-holder {}
#results-filter-wrapper {margin-top: 25px; height: 180px; width: 168px; left: 0px; margin-right: 10px; position: relative;}

#results-detail {width:646px; right: 0px; float: right;}
#result-detail-header {margin-bottom: 20px; }
#result-detail-left {float: left; width: 200px; padding-right: 14px;}
#result-detail-right {float:right; width: 356px; padding-left: 14px;}
#result-detail-right-content {height: 100%;}

#result-detail-right-content .box {padding: 8px;}

#result-filters-holder {padding: 4px 4px 4px 4px;}
#results-filter-openclose {height: 24px; width: 24px; position: absolute; right: 4px; top: 4px; cursor: pointer; z-index: 999;}
.expand-right-icon {height: 180px !important;}

ul.filter-options {margin-left: 0px; margin-bottom: 10px;}
ul.filter-options li {padding-right: 14px !important;}

#results-tab {width: 44px;}
#results-tab .contentholder-black-inner {padding: 0px; margin-top: 42px;}

.supplier-contact-buttons {}
.supplier-contact-buttons li {float: left; width: 160px; height: 40px; position: relative; margin-right: 10px; padding: 8px 8px 0px 8px; text-align: center;}
.supplier-contact-buttons li a {display: block; float: left; padding: 10px 5px; width: 160px; -moz-border-radius: 12px; -webkit-border-radius: 12px; background-color: #E3E3E3 !important; color: #333333; font-size: 1.3em; cursor: pointer;}
.supplier-contact-buttons li a:hover {background-color: #eeeeee !important; text-decoration: none;}
.contact-long li {width: 334px;}
.contact-long li a {width: 334px; font-size: 1.6em; font-weight:  bold;}


/* Pagination */
.pagination {margin: auto 0;}
.pagination a, .pagination span {padding: 0px 4px 0px 4px;}

/* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */
.star {display: none;}
div.rating-cancel,div.star-rating{float:left;width:17px;height:15px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden}
div.rating-cancel,div.rating-cancel a{background:url('/media/img/delete.gif') no-repeat 0 -16px}
div.star-rating,div.star-rating a{background:url('/media/img/star.gif') no-repeat 0 0px}
div.rating-cancel a,div.star-rating a{display:block;width:16px;height:100%;background-position:0 0px;border:0}
div.star-rating-on a{background-position:0 -16px!important}
div.star-rating-hover a{background-position:0 -32px}
/* Read Only CSS */
div.star-rating-readonly a{cursor:default !important}
/* Partial Star CSS */
div.star-rating{background:transparent!important;overflow:hidden!important}
div.rating-cancel {display: none !important;}
/* END jQuery.Rating Plugin CSS */}
@media all {/* 
   General 
------------------------------------------------------------------- */
body { color: #292729; background: #252527; }

/* 
   Headings 
------------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6 {color: #8CC542;}

/* 
   Links 
------------------------------------------------------------------- */
a {color: #8CC542;}
a:focus,a:hover {color: #333333;}

/* 
   Text elements 
------------------------------------------------------------------- */
abbr, acronym {border-bottom: 1px dotted #666;}
del, blockquote { color:#666; }

/* 
   Custom text classes 
------------------------------------------------------------------- */
.quiet, .quiet a {color: #999;}
.loud, .loud a {color: #8CC542; font-weight: bold;}
.highlight, .highlight a {background:#ff0;}
.text-light, a.text-light, .links-light a {color: #FFFFFF;}
.text-medium {color: #ADAEAE;}
.text-dark, a.text-dark, .links-dark a {color: #292729;}

/* 
   Lists 
------------------------------------------------------------------- */
ul.tabbed li {background: url('/media/img/nav_seperator_light.gif') right no-repeat;}
ul.dark-seperator li {background: url('/media/img/nav_seperator_dark.gif') right no-repeat;}
ul.step-seperator li {background: url('/media/img/step_seperator.png') right no-repeat;}
ul.no-seperator li {background: none;}

ul.nice-list li {border-top: 1px solid #EEE;}
ul.nice-list li:first-child {border-top: none;}

ul li.checked {background: url('/media/img/icon_check.gif') right no-repeat;}
ul li.delete {background: url('/media/img/icon_delete.gif') right no-repeat;}

ul li.checked a {color: #333333 !important;}

ul.v-animated-list {}
ul.v-animated-list li {border-bottom: 1px solid #eee; background: none;}
ul.v-animated-list li:last-child {border-bottom: none;}
ul.v-animated-list li a {color: #292729;}
ul.v-animated-list li a:hover {background: #8CC542; color: #FFFFFF;}
ul.v-animated-list li a span {background: url('/media/img/icon_arrow_32x32.png') 0 0 no-repeat;}
ul.no-span-image li a span {background: none;}

ul.in-box li a:hover {background: none; color: #8CC542;}

/* 
   Tables 
------------------------------------------------------------------- */

table.styled {border: none; color: #000000;border-bottom: dashed 1px #E9EAEB;}
table.styled th {color: #FFFFFF !important;}
table.styled thead th {background: url('/media/img/table_head_back.png') left top repeat-x;}
table.styled td, table.styled > caption {border: none;}
table.styled tr td {background: #F2F2F2; border-bottom: solid 10px #FFFFFF;}
table.styled td.col-highlight_bg {color: #FFFFFF; background-color: #563387;}
table.styled caption {background: #EEE;}

/* 
   Label and value pairs 
------------------------------------------------------------------- */

ul.label-pair-list {background-color: #F6F6F6; -moz-border-radius: 8px; -webkit-border-radius: 8px;}

/* 
   Layout 
------------------------------------------------------------------- */

/* Outside wrappers */
#header-wrapper {background: #FFFFFF; border-bottom: 1px solid #D5D5D5;}
#content-wrapper {background: #FFFFFF;}
#footer-wrapper {background: #000000 url('/media/img/footer_back.png') repeat-x top left;}

/* Inner wrappers */
#footer-inner {color: #999999;}
#footer-left {background: url('/media/img/footer_seperator.png') no-repeat top right;}
#footer-middle ul li a {color: #FFFFFF;}
#content-inner {border-right: 1px solid #D5D5D5;}
#col-left {border-right: 1px solid #D5D5D5;}
#col-right {background-color: #F8F8F8;}

#col-right .box {background: #FFFFFF url('/media/img/sidebar_box_back.png') bottom right repeat-x; border: solid 1px #979797;}
#col-right .box a.large:hover {color: #333333;}
#col-right .sponsor {background-color: #FFFFFF; color: #666666;}

/* Content holder */
.contentholder-black-wrapper {background: url('/media/img/contentholder_black_top.png') top left no-repeat;}
.contentholder-black-inner {color: #FFFFFF; background: url('/media/img/contentholder_black_inner.png') top left repeat-y;}
.contentholder-black-inner a:focus, .contentholder-black-inner a:hover {color: #FFFFFF;}
.contentholder-black-wrapper .back-to-results {background: url('/media/img/contentholder_black_backtoresults.png') no-repeat top left;}
.contentholder-black-wrapper .back-to-home-products {background: url('/media/img/contentholder_black_backtohome_products.png') no-repeat top left;}
.contentholder-black-wrapper .back-to-home-suppliers {background: url('/media/img/contentholder_black_backtohome_suppliers.png') no-repeat top left;}
.contentholder-black-wrapper .back-to-home-vendors {background: url('/media/img/contentholder_black_backtohome_vendors.png') no-repeat top left;}
.contentholder-black-bottom {background: url('/media/img/contentholder_black_bottom.png') bottom left no-repeat;}

.contentholder-white-wrapper {background: url('/media/img/contentholder_white_top_646.png') top left no-repeat;}
.contentholder-white-inner {color: #292729; border-right: solid 1px #909090; border-left: solid 1px #909090;}
.contentholder-white-bottom {background: url('/media/img/contentholder_white_bottom_646.png') bottom left no-repeat;}

#full-width.contentholder-white-wrapper {background-image: url('/media/img/contentholder_white_top_698.png');}
#full-width .contentholder-white-inner {}
#full-width .contentholder-white-bottom {background-image: url('/media/img/contentholder_white_bottom_698.png');}

#results-tab {background: url('/media/img/contentholder_black_top_44.png') top left no-repeat;}
#results-tab .contentholder-black-bottom {background: url('/media/img/contentholder_black_bottom_44.png') bottom left no-repeat;}

/* Content holder - inner boxes */
#results-innerbox {background-color: #FFFFFF; color: #292729;}

/* 
   Custom components 
------------------------------------------------------------------- */

/* Button toolbar */
.button-toolbar-hoverpane {background: url('/media/img/button_toolbar_hoverpane_top.png') top left no-repeat; color: #333333;}
.button-toolbar-hoverpane-content {background: #E0E0E0;}
.button-toolbar-hoverpane-content h3 {color: #333333; border-bottom: 1px dashed #BDBDBD;}
.button-toolbar-hoverpane-content h4 {color: #333333;}
.button-toolbar {background: url('/media/img/button_toolbar_bottom.png') bottom left no-repeat;}
.button-toolbar-content {background-color: #BDBDBD;}
.button-toolbar ul li a:hover, .button-toolbar ul li a.active {background: url('/media/img/button_toolbar_button_hover.png') bottom left no-repeat;}
.button-toolbar ul li .highlighted_item {border-bottom: 6px solid #1A1417;}

.contentholder-white-inner .button-toolbar-hoverpane {background: url('/media/img/button_toolbar_hoverpane_top_596.png') top left no-repeat;}
.contentholder-white-inner .button-toolbar {background: url('/media/img/button_toolbar_bottom_638.png') bottom left no-repeat;;}

/* Results */
#results.contentholder-black-wrapper {background-image: url('/media/img/contentholder_black_top_514.png');}
#results .contentholder-black-bottom {background-image: url('/media/img/contentholder_black_bottom_514.png');}

#results-filters-holder {}
#results-filter-wrapper {border: 1px solid #989898; background: #FFFFFF;}
#result-filters-bottom {}

.result_thumb {background-color: #FFFFFF; border: 1px solid #E3E3E3;}
.results-viewtype-selector div.selected {color: #999999;}
.results-viewtype-selector div.selected span {color: #8CC542;}
.results-viewtype-selector div.text-left {background: url('/media/img/innerbox_header_backright.gif') bottom left no-repeat;}
.results-viewtype-selector div.text-center {background: url('/media/img/innerbox_header_backmiddle.gif') bottom left repeat-x;}
.results-viewtype-selector div.text-right {background: url('/media/img/innerbox_header_backleft.gif') bottom right no-repeat;}

#result-detail-header {border-bottom: 2px solid #333333;}
#result-detail-left {border-right: 1px solid #E3E3E3;}
#result-detail-screenshot {border: 1px solid #E3E3E3; -moz-border-radius: 8px; -webkit-border-radius: 8px;}
#result-detail-screenshot img {-moz-border-radius: 8px; -webkit-border-radius: 8px;}
#result-detail-right {}
#result-detail-right-content .box {background-color: #F6F6F6; -moz-border-radius: 8px; -webkit-border-radius: 8px;}

.rounded-grey-border {border: 1px solid #E3E3E3; width: 100%; z-index: 999;}

.imagebox {border: 0px solid #E3E3E3; padding: 0px;}

.expand-right-icon {background: url('/media/img/icon_expand_right.png') no-repeat;}
.close-icon {background: url('/media/img/icon_close.png') no-repeat;}

.expand-content {background: url('/media/img/arrow_down.png') top right no-repeat;}
.expand-content:hover {color: #999999; cursor: pointer;}

.collapse-content {background: url('/media/img/arrow_up.png') top right no-repeat;}
.collapse-content:hover {color: #999999; cursor: pointer;}

/* Pagination */
.pagination {color: #8CC542;}
.pagination a {color: #FFFFFF;}}
@media all {/*Defaults Styling*/
fieldset {background: #FFFFFF url('/media/img/form_back.png') bottom left repeat-x; border: solid 8px #A1A09E; margin-top:16px; width:581px; -moz-border-radius: 12px; -webkit-border-radius: 12px; position: relative;}
input[type=text], input[type=password], textarea, select {font:12px; padding:4px; border: 1px solid #DFDFDF;}
input[type=text], input[type=password] {-moz-border-radius: 6px; -webkit-border-radius: 6px;}
.legend {padding: 10px; color:#A1A09E; background: transparent; font-size:1.6em; margin:0px 0px 0px 0px;}
label {font-size:11px; font-weight:bold; color:#666;}
.mandatory-flag {float:left; position: absolute; left: 152px; color: red;}
label.opt {font-weight:normal;}
.form-row {clear:both; padding: 10px;}
p.errorField {margin-left: 160px; color: #8A1F11}
label {float:left; text-align:right; width:140px; line-height:25px; margin:0 20px 10px 0;}
dd {float:left; width:375px; line-height:25px; margin:0 0 10px 0;}
div.formHint {clear:both; position: relative; top: -8px; margin-left: 170px; margin-right: 10px; color: #A1A09E; background-color: #EEEEEE; -moz-border-radius: 6px; -webkit-border-radius: 6px; padding: 4px 8px 4px 8px;}
.form-row.error div.formHint {background-color: #FDF1F1;}
div.errorMsg {background-color: #FBE3E4; padding: 10px; -moz-border-radius: 12px; -webkit-border-radius: 12px; color: #8A1F11; font-size: 1.3em; margin-top: 10px;}
fieldset .description {padding: 0px 10px 10px 10px; color:#666;}
fieldset div.inner-form {padding: 0px 10px 10px 10px;}
.focused {border-color: #8CC542 !important;}

textarea {width: 372px;}
input[type=text], input[type=password] {width: 200px;}
input.short {width: 80px;}
.submit-row {clear: both; float: right; text-align: right; margin-top: 8px; background: #FFFFFF; padding: 8px 1px 8px 8px; -moz-border-radius: 12px; -webkit-border-radius: 12px;}
#result-detail-right-content .box .submit-row {margin-top: 0px; float: left; padding-left: 0px; background: none;}
input[type=checkbox] {margin-top: 8px;}

#full-width fieldset {width: 630px;}

.popup fieldset {width: 444px;}
.popup label {width: 100px;}
.popup dd {width:300px;}
.popup textarea {width: 290px;}
.popup div.formHint {margin-left: 132px;}
.popup .mandatory-flag {left: 112px;}

#id_linkedin_username {background: url('/media/sociable-images/linkedin_22.png') 1px 1px no-repeat; padding-left: 24px; width: 180px;}
#id_twitter_username {background: url('/media/sociable-images/twitter_22.png') 1px 1px no-repeat; padding-left: 24px; width: 180px;}


.btn {
    background: transparent url('/media/img/bg_button_primary_a.gif') no-repeat scroll top right;
    color: #333333;
    float: left;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}
    
.btn span {
    background: url('/media/img/bg_button_primary_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}
    
.btn.secondary {
    background: transparent url('/media/img/bg_button_a.gif') no-repeat scroll top right;
} 
.btn.secondary span {
    background: transparent url('/media/img/bg_button_span.gif') no-repeat;
}
    
.btn:active, .btn:hover {
    background-position: bottom right;
    color: #444444;
    outline: none; /* hide dotted outline in Firefox */
}

.btn:active span, .btn:hover span {
    background-position: bottom left;
}}
@media all {

table.jCalendar {
	border: 1px solid #000;
	background: #aaa;
    border-collapse: separate;
    border-spacing: 2px;
    z-index: 9999;
}
table.jCalendar th {
	background: #333;
	color: #fff;
	font-weight: bold;
	padding: 3px 5px;
}

table.jCalendar td {
	background: #ccc;
	color: #000;
	padding: 3px 5px;
	text-align: center;
}
table.jCalendar td.other-month {
	background: #ddd;
	color: #aaa;
}
table.jCalendar td.today {
	background: #666;
	color: #fff;
}
table.jCalendar td.selected {
	background: #f66;
	color: #fff;
}
table.jCalendar td.selected.dp-hover {
	background: #f33;
	color: #fff;
}
table.jCalendar td.dp-hover,
table.jCalendar tr.activeWeekHover td {
	background: #fff;
	color: #000;
}
table.jCalendar tr.selectedWeek td {
	background: #f66;
	color: #fff;
}
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {
	background: #bbb;
	color: #888;
}
table.jCalendar td.unselectable,
table.jCalendar td.unselectable:hover,
table.jCalendar td.unselectable.dp-hover {
	background: #bbb;
	color: #888;
}

/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

div.dp-popup {
	position: relative;
	background: #ccc;
	font-size: 10px;
	font-family: arial, sans-serif;
	padding: 2px;
	width: 171px;
	line-height: 1.2em;
}
div#dp-popup {
	position: absolute;
	z-index: 9999;
}
div.dp-popup h2 {
	font-size: 12px;
	text-align: center;
	margin: 2px 0;
	padding: 0;
}
a#dp-close {
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}
a#dp-close:hover {
	text-decoration: underline;
}
div.dp-popup a {
	color: #000;
	text-decoration: none;
	padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-prev a {
	float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
	cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
	cursor: default;
}
div.dp-popup div.dp-nav-next {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-next a {
	float: right;
}
div.dp-popup a.disabled {
	cursor: default;
	color: #aaa;
}
div.dp-popup td {
	cursor: pointer;
}
div.dp-popup td.disabled {
	cursor: default;
}}