/* Surgesoft Styles  */
/*
Surgesoft Blue: #458AAF;
Surgesoft Orange: #FF720E;
*/

/* Global Styles */

/*body { font-family: Verdana, Tahoma, Geneva, Arial, Sans-serif; background: #AFBDC5 url(../images/surgesoft-bg.png) no-repeat scroll top left; font-size: 10pt; line-height: 18px; }*/
body { font-family: Verdana, Tahoma, Geneva, Arial, Sans-serif; background: #AFBDC5 url(../images/surgesoft-bg-tiled.png) scroll top left; font-size: 10pt; line-height: 19px; }
form.gradient { background: transparent url(../images/surgesoft-bg-gradient.png) repeat-x scroll top left; }

p { padding: 10px; }
address { font-style: normal; }
sup { vertical-align: super; font-size: smaller; }
a { text-decoration: none; }
a, a:visited, a:active { color: #458AAF; }
a:hover { color: #FF720E; text-decoration: none; }
a[href *='.xml'] { background: transparent; }
a[href *='.mp3'] { padding-left: 18px; background: transparent url(../images/mp3.gif) no-repeat scroll left top; }
a[href *='.pdf'] { padding-left: 18px; background: transparent url(../images/export_pdf_16.gif) no-repeat scroll left top; }
a[href *='.doc'] { padding-left: 18px; background: transparent url(../images/export_word_16.gif) no-repeat scroll left top; }


/* Image buttons for text overlay */
a.btn { height: 25px; width: 150px; font-weight: bold; font-size: 11px; display: block; color: #fff; margin-left: auto; margin-right: auto; line-height: 25px;}
a.btn.green { background: transparent url(../images/btn-gloss-green.png) no-repeat scroll 0 -25px; }
a:hover.btn.green { background-position: 0 0; }

a.btn.blue { background: transparent url(../images/btn-gloss-blue.png) no-repeat scroll 0 -25px; color: #fff !important; }
a:hover.btn.blue { background-position: 0 0; color: #fff !important;}

a.btn.brown { background: transparent url(../images/btn-gloss-brown.png) no-repeat scroll 0 -25px; color: #fff !important;}
a:hover.btn.brown { background-position: 0 0; color: #fff !important;}

a.btn.gold { background: transparent url(../images/btn-gloss-gold.png) no-repeat scroll 0 -25px; color: #fff !important;}
a:hover.btn.gold { background-position: 0 0; color: #fff !important;}

a.btn.grey { background: transparent url(../images/btn-gloss-grey.png) no-repeat scroll 0 -25px; color: #000 !important;}
a:hover.btn.grey { background-position: 0 0; color: #000 !important;}

a.btn.red { background: transparent url(../images/btn-gloss-red.png) no-repeat scroll 0 -25px; color: #fff !important;}
a:hover.btn.red { background-position: 0 0; color: #fff !important;}

a.btn.yellow { background: transparent url(../images/btn-gloss-yellow.png) no-repeat scroll 0 -25px; color: #fff !important;}
a:hover.btn.yellow { background-position: 0 0; color: #fff !important;}


.calltoaction { margin: 20px 0 20px 0;}

.resources { padding: 10px; font-size: 17px; }
.resources a[href *='.pdf'] { padding-left: 36px; background: transparent url(../../assets/images/export_pdf_32.gif) no-repeat scroll left top; display: block; height: 27px; padding-top: 5px; }
.resources a[href *='.doc'] { padding-left: 36px; background: transparent url(../../assets/images/export_word_32.gif) no-repeat scroll left top; display: block; height: 27px; padding-top: 5px; }


/* Footer */
#footer .copyright { float: right; display: block; text-align: right; }
#footer { background: #000 url(../images/footer-bg.png) repeat-x scroll left top; color: #fff; margin-top: 20px; font-size: 11px; }
#footer .footer-wrap { padding: 5px 10px 0 10px; border-top: dotted 1px #666; }
#footer .column { padding: 20px 10px 20px 10px; }
#footer .column h1 { margin-bottom: 20px; font-size: 13px; }


table#navigation { background: #fff url(../images/navbar_bg.png) repeat-x scroll 0 0; border: solid 1px #BABCBF; width: 100%; }
/*table#navigation { background: #fff; border: none; width:100%;}*/
table#navigation .nav { font-weight: bold; cursor: pointer; border-right: solid 1px #BABCBF; font-size: 12px; padding: 5px 30px; background: transparent url(../images/menuitem-arrow.png) no-repeat scroll right 0; }
/*table#navigation .nav { font-weight: bold; cursor: pointer; font-size: 12px; padding: 5px 50px; background: transparent url(../images/menuitem-arrow.png) no-repeat scroll right 0;}*/
table#navigation .nav.nomenu { background-image: none !important; }


table#navigation .nav.hover { background: #458AAF url(../images/menuitem-arrow.png) no-repeat scroll right -28px; color: #fff; }
table#navigation .lastnav { border-right: none !important; }

table#navigation .nav > a { color: Black; }
table#navigation .nav.hover > a { color: White; }


div#navcontent { background: #fff; padding: 10px; border: solid 1px #BABCBF; border-top: none; border-bottom: none; }
div#navcontent h1 { font-weight: bold; color: #FF720E; margin-bottom: 10px; }
div#navcontent ul { margin-left: 20px; list-style-image: url(../images/bullet.gif); }
div#navcontent ul li { padding: 2px; }

/* Header */


/*div#content .header { background: #fff url() no-repeat scroll 0 0; height: 100px; min-height: 100px; border-bottom: solid 1px transparent; margin-bottom: 20px; }
div#content .header h1 { float: right; font-size: 26px !important; top: 30px; position: relative; left: -20px; }
*/


div.padded { padding: 10px; }
div.summary { padding: 20px; color: #458AAF; font-size: 13px; }
div.section { padding: 20px 0 20px 0; border-bottom: solid 1px #FF720E; }
div.section.top { padding-top: 10px !important; }
div.section.bottom { border-bottom: none !important; }


.callout-16 { background: transparent url(../images/callout-16-bg.png) no-repeat scroll 0 0; height: 250px; width: 960px; margin-top: 20px; }
.callout-8 { background: transparent url(../images/callout-8-bg.png) no-repeat scroll 0 0; height: 250px; width: 460px; margin-top: 20px; }
.callout-4 { background: transparent url(../images/callout-4-bg.png) no-repeat scroll 0 0; height: 250px; width: 220px; margin-top: 20px; }

.tollfreenumber span { font-size: 10px; }
.tollfreenumber a { font-weight: bold; }


/* tooltip styling */


.tooltip { background: url(../images/black_arrow_big.png); display: none; height: 163px; width: 310px; padding: 30px 30px 10px 30px; font-size: 11px; color: #fff; overflow: hidden; }
.tooltip h1 { padding-left: 40px; background: url(../images/blogger_32.png) no-repeat scroll 0 0; color: #FF720E; font-size: 11px !important; margin-bottom: 0 !important; }


/* Hyperlink 16px Icon styling */
.icon-16 { vertical-align: middle; padding-right: 5px; }

/* JQUERY-TOOLS STYLES*/
#actions-top a, #actions-bottom a { height: 15px; font-size: 9px; line-height: 13px; color: #fff; font-weight: bold; cursor: pointer; display: block; text-align: center; border: solid 1px #0075b0; }
#actions-top a.prevPage { background: transparent url(../images/actions-bg.png) repeat-x scroll 0 0; }
#actions-top a:hover, #actions-bottom a:hover { background-position: 0 -15px !important; border-color: #5f8ab3 !important; color: #0c82bc; }

#actions-bottom a.nextPage { background: transparent url(../images/actions-bg.png) repeat-x scroll 0 0; }
#actions a:hover { }

.disabled { visibility: hidden; }

div.news-scrollable { height: 165px; overflow: hidden; position: relative; }
div.news-scrollable div.newsitems { position: absolute; height: 20000em; }

div.news-scrollable div.newsitems .newsitem { clear: both; height: 165px; padding-top: 5px; }
div.news-scrollable div.newsitems .newsitem .newsheader { background: transparent url(../images/newsheader-accent.png) no-repeat scroll 5px 9px; padding-left: 15px; }

div.news-scrollable div.newsitems .newsitem p { font-size: 11px; }
div.news-scrollable div.newsitems .newsitem h1 { color: #FF720E; font-size: 11px !important; }
div.news-scrollable div.newsitems .newsitem h1 a { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
div.news-scrollable div.newsitems .newsitem h2 { font-size: 10px !important; color: #333; }

.left { float: left; padding: 0 20px 10px 0; }
.right { float: right; padding: 0 0 10px 20px; }


.bloglist { list-style-image: url(../images/blogger_10.png) !important; }
.bloglist li a { display: block; }


/* Billboards */
.billboard { height: 350px; width: 640px; }

.tasklist { background: transparent url(../images/surgesoft-tasklist-white.gif) no-repeat scroll left top; height: 350px; width: 280px; }
.tasklist ul#tasks { }
.tasklist ul#tasks li { padding: 10px; border-bottom: solid 1px #FF720E; }
.tasklist ul#tasks li.bottom { border-bottom: none !important; }

.tasklist ul#tasks a { background: transparent url(../images/QuestionMark2.gif) no-repeat scroll 0 0; padding-left: 0; font-weight: bold; display: block; padding-left: 45px; min-height: 40px; }



.top-header { padding: 10px 0 20px 0; border-bottom: solid 1px #45494D; }

.bold { font-weight: bold !important; }
.orange { color: #FF720E !important; }
.blue { color: #458AAF !important; }
.black { color: #000 !important; }


#highlightbox { border: none; width: 500px; margin-left: auto; margin-right: auto; background: transparent url(assets/images/highlight-accent-tl.png) no-repeat scroll top left; margin-bottom: 20px; }
#highlightbox div.inner { border: none; padding: 20px; background: transparent url(assets/images/highlight-accent-br.png) no-repeat scroll bottom right; text-align: center; }

#highlightbox.orange { background-image: url(../images/highlight-accent-orange-tl.png) !important; }
#highlightbox.orange div.inner { background-image: url(../images/highlight-accent-orange-br.png) !important; }

#highlightbox.blue { background-image: url(../images/highlight-accent-blue-tl.png) !important; }
#highlightbox.blue div.inner { background-image: url(../images/highlight-accent-blue-br.png) !important; }


/*#blog { font-family: 'Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif;}*/
#blog { }
#blog h1 { font-size: 12pt; font-weight: normal; color: #305e99; line-height: 24px; }
#blog h2 { padding: 2px 0 2px 0; }
#blog ul { list-style-type: disc; list-style-position: inside; margin: 10px; padding: 0; }
#blog ul li { margin-top: 5px; margin-bottom: 5px; }
#blog ol { list-style-type: decimal; list-style-position: inside; margin: 10px 20px 10px 20px; padding: 0; }
#blog .post { padding: 20px 0 10px 0; }
#blog .post p { padding: 10px 0 10px 0; }
#blog .post .post-body { }
#blog .post .post-footer { }
#blog .comment-link { }

.media-player { padding: 5px; margin-bottom: 5px; }
.media-support { border: solid 1px #dddddd; padding: 5px; background-color: #eeeeee; }

.padtop { padding-top: 20px; }
.padbottom { padding-bottom: 20px; }
.marginbottom { margin-bottom: 20px; }
.margintop { margin-top: 20px; }
.listbottom { border-bottom: dotted 1px #9999CC; }



.form { font-size: 8pt; font-weight: bold; color: #000000; padding: 10px; }
.form input, .form textarea, .form select { display: block; margin-bottom: 10px; width: 275px; font-size: 10pt; font-family: Verdana, "Bitstream Vera Sans" , "DejaVu Sans" , Tahoma, Geneva, Arial, Sans-serif; font-weight: normal; }
.form input[type="submit"] { display: inline; margin-bottom: 5px; font-weight: normal; }


/* popout */
.popout .content { background: transparent url(../images/body_frame_bg.png) repeat-y; }
.popout .topcap { height: 50px; background: transparent url(../images/body_frame_bg_bottom.png) no-repeat; margin-bottom: 10px; }
.popout .bottomcap { height: 3px; background: transparent url(../images/body_frame_bg_top.png) no-repeat; margin-top: 10px; }


.xtop, .xbottom { -moz-background-clip: border; -moz-background-inline-policy: continuous; -moz-background-origin: padding; background: transparent none repeat scroll 0 0; display: block; font-size: 1px; }
.xb1, .xb2, .xb3, .xb4 { display: block; overflow: hidden; }
.xb1, .xb2, .xb3 { height: 1px; }
.xb2, .xb3, .xb4 { -moz-background-clip: border; -moz-background-inline-policy: continuous; -moz-background-origin: padding; background: #fff none repeat scroll 0 0; border-left: 1px solid #BABCBF; border-right: 1px solid #BABCBF; }
.xb1 { -moz-background-clip: border; -moz-background-inline-policy: continuous; -moz-background-origin: padding; background: #BABCBF none repeat scroll 0 0; margin: 0 5px; }
.xb2 { border-width: 0 2px; margin: 0 3px; }
.xb3 { margin: 0 2px; }
.xb4 { height: 2px; margin: 0 1px; }
.xboxcontent { -moz-background-clip: border; -moz-background-inline-policy: continuous; -moz-background-origin: padding; background: #CCCCCC none repeat scroll 0 0; border-color: #BABCBF; border-style: solid; border-width: 0 1px; display: block; }