/* CSS Document */

body {behavior: url(csshover.htc);text-align:center; margin:0; padding:0; font-size:12px; line-height:15px; font-family:Arial, Helvetica, sans-serif; background-color:white;}

.clr {clear:both; font-size:1px; line-height:1px; height:1px;}
#container {width:900px; height:650px; margin:0 auto 0 auto; text-align:left;}
a { text-decoration:none;}
a:hover { text-decoration:underline;}
a.btn-grn { color:black !important; font-size:12px;  width:121px; display:block; padding:6px 20px 6px 10px; background:url(../images/sce/btn-grn1.png) left center no-repeat; }
a.btn-grn:hover { background:url(../images/sce/btn-grn2.png) left center no-repeat; cursor:pointer; color:black !important; text-decoration:none; }
form{margin:0; padding:0;}
.left { float:left; margin-right:10px;}
.right { float:right; margin-left:10px;}
strong,b {font-weight:bold;}
hr {height:0;margin:10px 0;padding:0;border:0;border-bottom:1px solid #cccccc; border-top:1px solid #ffffff;}
.small {font-size:0.8em !important;}
p {margin:2px 0 2px 0;}
p.accent {font-weight:bold; font-size:+1;}
a.job-btn {background:url(../images/sce/job-btn-bg.gif) left center no-repeat; display:block; padding:8px 0px 8px 10px; color:white !important; text-decoration:none;}
a.job-btn:hover {text-decoration:underline;}

/* HEADER ELEMENTS */
#header {height:60px; margin:5px 0 0 0; border-bottom:2px solid #339999; clear:both; }
#global-links {text-align:right; font-size:10px; line-height:10px; color:#666666; clear:both; padding-top:0px;}
	#global-links a { color:#666666; margin:0 4px; text-decoration:none;}  
        #global-links a:hover { text-decoration: underline;}

#navbar { float:left; width:700px; margin:5px 0 0 0; background: url(../images/sce/nav-bg.png) center repeat-x; height:36px;}
#navbar img.left { float:left; margin-right:0px;}
#navbar img.right { float:right; margin-left:0px;}	
#logo { float:left; margin:-22px 4px 0 0;}

#searchbox {float:right; width:192px; height:20px; }
#searchbox input.keywords {width:87px; background-color:#669999; text-align:center; color:white; padding:2px 0 2px 0; border:0; margin:10px 3px 0 3px;}
#searchbox img, #searchbox input {float:left;}
#searchbox #sep {margin-right:8px;}

/* MENU ELEMENTS */

#sub-menu {width:150px; margin:10px 0 40px 10px; font-size:14px; }
	#sub-menu ul {list-style-type:none; margin:0; padding:0;}
	#sub-menu ul li { border-bottom:1px solid #cccccc;}
	#sub-menu ul {border-top:1px solid #cccccc}
        #sub-menu ul ul {display:none;}	
	#sub-menu ul li a { color: #339999; display:block; padding:8px 12px; text-decoration:none; }
	#sub-menu ul a:hover {color: #FFFFFF; background-color: #CCCCCC;}
	#sub-menu ul li.current a:hover,#sub-menu ul li.current a {color: #FFFFFF; background-color: #5E9D92; }

#sub-sub-menu {width:175px; margin:0 0 -10px 10px; font-size:12px; }
	#sub-sub-menu ul {list-style-type:none; margin:0; padding:0;}
	#sub-sub-menu ul li { border-bottom:1px solid #cccccc;}
	#sub-sub-menu ul li#sub-sub-menu0 {border-top:1px solid #cccccc}
        #sub-sub-menu ul ul {display:none;}	
	#sub-sub-menu ul li a { color: #339999; display:block; padding:4px 8px; text-decoration:none; }
	#sub-sub-menu ul a:hover {color: #FFFFFF; background-color: #CCCCCC;}
	#sub-sub-menu ul li.current a:hover,#sub-sub-menu ul li.current a {color: #FFFFFF; background-color: #5E9D92; }

/* BODY ELEMENTS */

#content { margin-top:10px; font-family:Arial, Helvetica, sans-serif;}

#wrap {background:url(../images/sce/3col-top.gif) top left no-repeat; padding-top:5px; width:900px;}
#homeCol {background:url(../images/sce/homeCol-bg.gif) top left repeat-y; width:920px;}
#homeCol-top {background:url(../images/sce/homeCol-top.gif) top left no-repeat; height:5px; padding-bottom:5px;}
#homeCol-base {background:url(../images/sce/homeCol-base.gif) top left no-repeat; height:5px; padding-top:5px;}
#wrap-wide {background:url(../images/sce/2col-top.gif) top left no-repeat; padding-top:5px; width:900px;}
#2col-bottom {clear:both; background: url(../images/sce/2col-base.gif) no-repeat; width:100%; height:20px; }
.hide {display:none;}

#content a { color:#339900;}
#content h1,#content h2,#content h3,#content h4,#content h5,#content h6 {font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
#content h2,body.editor h2 {font-size:140%; margin:10px 0 8px 0; color:#339900;}
#content h3,body.editor h3 {font-size:130%; margin:8px 0 5px 0; color:#339999;}
#content h4,body.editor h4 {font-size:120%; margin:6px 0 5px 0; color:#339999;}
#content h5,body.editor h5 {font-size:110%; margin:4px 0 5px 0; color:#333333;}
#content h6,body.editor h6 {font-size:100%; margin:4px 0 5px 0; color:#333333;border-bottom:1px solid #cccccc;}

img.callback {margin:6px 10px 0 10px;}

/* HOMEPAGE STYLES */

/* #home-graphic { background:url(../images/sce/home-panel-tmf.jpg) no-repeat; height:273px; margin-top:-5px;} */
#home-graphic { background:url(../images/sce/DeckChairLink.jpg) no-repeat; height:273px; margin-top:-5px;}

#home-graphic #hp-text {float:left; margin:0px 0 0 26px; padding-top:220px; width:550px; height:50px; border:;}
#home-graphic #hp-text p {color:white; font-size:15px; margin:0 0 4px 0;}
#home-graphic #hp-text a {color:white; text-decoration:underline;}
#home-graphic #hp-text a:hover {color:yellow;}


#home-right { border:; float:right; width:283px; height:273px;}
#home-right a.hp-tl { float:left; display:block; width:142px; height:136px; background:#2b5147 url(../images/sce/hp-overview-over.jpg) no-repeat;}
#home-right a.hp-tr { float:left; display:block; width:141px; height:136px; background:url(../images/sce/hp-claranet-over.jpg) no-repeat;}
#home-right a.hp-bl { float:left; display:block; width:142px; height:137px; background:url(../images/sce/hp-enterprise-over.jpg) no-repeat;}
#home-right a.hp-br { float:left; display:block; width:141px; height:137px; background:url(../images/sce/hp-service-over.jpg) no-repeat;}


/*
#home-right a.hp-tl:hover { display:block; background:url(../images/sce/hp-overview-over.jpg) no-repeat; text-decoration:none;}
#home-right a.hp-tr:hover { display:block; background:url(../images/sce/hp-claranet-over.jpg) no-repeat;text-decoration:none;}
#home-right a.hp-bl:hover { display:block; background:url(../images/sce/hp-enterprise-over.jpg) no-repeat;text-decoration:none;}
#home-right a.hp-br:hover { display:block; background:url(../images/sce/hp-service-over.jpg) no-repeat;text-decoration:none;}
*/

#home-vid { width:190px; height:220px; position:relative; top:35px; left:680px; }

#col1 div.text,#col3 div.text {margin:10px 12px; }

#homeCol div.block { float:left; margin:0 37px 0 10px; padding:-5px 0 0 0; width:262px;}
#homeCol div.block h1 { color: #339900; font-size:18px; font-family:Arial, Helvetica, sans-serif; 
font-weight: normal; margin:0px 0px 10px 0px;}
#homeCol div.block p { color:#333333; margin:2px 0px 4px 0;}

#slides {height:280px; width:550px; overflow:hidden; border:; margin:5px 0 2px 8px; }
table.homeSlide {width:550px;  height:220px; visibility:; background-color:#e8e8e8;}
table td.homeSlide-title { height:20px; background:url(../images/sce/slide-title-bg.jpg) no-repeat; color: #333333; padding:10px 13px; font-size:16px; }
table td.homeSlide-body {padding:10px 20px;}
table td.homeSlide-body p {font-size:13px; line-height:17px; color: #666666 !important;}

.3col-bottom {clear:both; background:#e2e2e2 url(../images/sce/3col-base.gif) no-repeat; border:1px solid red; width:100%; height:20px;font-size:1px; line-height:1px; }



/* LEFT COLUMN STYLES */
#content #col1 { float:left; width:170px; background-color:; margin:0 20px 0 0; padding-top:;}
#content #col1 h1 {margin:2px 11px 4px 0; font-size:16px; border-bottom:1px solid #cccccc;  }


/* MIDDLE COLUMN STYLES */
#content #col2 { float:left; width:480px; padding:0 0 10px 0px;}
#content #col2wide { float:left; width:680px; padding-bottom:10px;}
#content #col2 h1,#content #colwide h1,#content #col2wide h1,body.editor h1 {margin:5px 0 20px 0;padding-bottom:5px; border-bottom:1px solid #e2e2e2;  font-size:200%; color:#002E5E; font-weight:normal; font-family:georgia,times,serif;}
#content #col2 p,body.editor p {font-size:1.1em; line-height:1.3em; margin-top:5px; margin-bottom:5px; color:#333333;}
#content #col2 li { margin-top:2px; margin-bottom:2px; color:#333333;}
#content #col2 div.text {margin:0 10px;}
#content #col2 div.text ul.bigList { margin-top:1px; margin-bottom:15px;}
#content #col2 div.text ul.bigList li,body.editor ul.bigList li {font-size:1.1em; line-height:1.2em; color:#002E5E; margin-bottom:3px; }
div.text ul {margin-left:30px;}
h1 img.insight {float:left; margin-top:-8px; padding-right:3px;}

div#partnerLogos {width:220px; height:80px;  overflow:hidden; margin-right:20px; background:; border-left:20px solid #e2e2e2; border-right:20px solid #e2e2e2;}

#content #col2 #ov-sp,#content #col2 #ov-eu,body.editor #ov-eu,body.editor #ov-sp {width:210px;}
#content #col2 #ov-sp {margin-right:15px;}

#tabs .level {width:300px; float:left;}
#tabs #fragment-1,#tabs #fragment-2,#tabs #fragment-3 {width:440px; float:left;}
#tabs img {float:left; padding:10px 0 10px 5px;}

/* RIGHT COLUMN STYLES */
#content #col3 { float:right; width:200px; padding-top:10px; font-family:helvetica,arial,sans-serif;}

div.colPanel {margin:10px 0 5px 0px; width:160px; background:url(../images/sce/green-panel-base.png) bottom left no-repeat; padding-bottom:12px;}
div.colPanelInner {background:url(../images/sce/green-panel.png) top left no-repeat;padding-top:8px;}
#content #col3 div.colPanel p,#content #col3 div.colPanel a {color:black; font-size:1.1em; line-height:1.3em;}
#content #col3 div.colPanel h2 {color:white; font-weight:normal; font-size:150%;margin-bottom:10px;}

#content #col3 h1 {margin:2px 2px 4px 0; font-size:1.3em; border-bottom:1px solid #cccccc;  }
#content #col3 h2 {padding:2px 2px 2px 0; font-size:1.1em; color:#339999; margin:0; font-weight:bold; font-family:helvetica,arial,sans-serif;}
#content #col3 p {padding:2px 0 2px 0; font-size:0.9em; color:#666666; margin:0;}
#content #col3 a { font-size:1.0em;}


/* FORM STYLES */
#content #col3 form#signup {margin:12px 0 7px 0; padding:0 6px; }
#content #col3 form#signup h1 {margin:5px 0 5px 0 !important; font-size:140%; color:green;}
#content #col3 form#signup input.field { border:1px solid #cccccc; width:115px; padding:2px 4px; font-size:90%;}
#content #col3 form#signup input.sign-up { border:0px; padding-left:40px;}
body.editor form#signup {width:200px;}
#content #col3 form#signup p {margin:0 0 3px 0 !important; padding:0; line-height:1.1em; font-size:90%;}

form input.form-txt {border:1px solid #cccccc; width:175px; padding:2px 4px; font-size:90%;}
form input#sign-up {margin:6px 0 0 10px;border:none;}

div.login {border:1px solid #e2e2e2; padding:10px; clear:both; margin-bottom:10px;}
div.login form div.indent {padding-left:130px; }
div.login span.form_data input {border:1px solid #cccccc; width:180px; color:#339999; font-size:13px; padding:3px 6px;}
div.login span.form_data {width:105px;}
div.login div.separator {clear:both; height:5px;}
div.login label.form_element {padding-top:6px; width:120px; margin-right:7px;}
div.login div {}

/* TABLE STYLES */
table#tbl-downloads {}
table tr.blue {background:#CFE8E7;}
table#tbl-downloads td {padding:5px 0;}

table#partner-list img {padding:10px 0 0 0;}
table img.mugshot {margin-right:20px;}


#footer { padding:10px 400px 10px 10px; margin-top:10px; background: url(../images/sce/footer-bg.png) top left no-repeat; font-size:10px; line-height:11px; color:#666666;}
#footer a {color:#666666; margin:0 3px;} #footer a:hover {color: #000000;}

#site_map {margin-left:40px; font-size:16px; line-height:18px;}
#site_map li {margin-bottom:2px;}
#site_map ul {list-style:none; margin-bottom:15px; font-family:georgia,times,serif;}
#site_map ul a {font-size:1.1em;}
#site_map ul ul {list-style:none; font-weight:normal; margin:0 0 5px 15px;font-family:Arial, Helvetica, sans-serif;}
#site_map ul ul a {color:#339999; font-size:90%;}
#site_map ul ul ul {list-style:none; font-weight:normal; margin:0 0 5px 25px;font-family:Arial, Helvetica, sans-serif;}
#site_map ul ul ul a {color:#666666;font-size:85%;}


/* NEWS STYLES */
div.news_manager {margin:0;}
div.news_manager span.news_date {font-size:9px; display:block; color:#333333; margin-top:; padding-top:2px;}
div.news_manager a.news_title {font-weight:bold; font-size:1.2em; color:#339999;font-family:Arial, Helvetica, sans-serif;}
div.news_manager span.news_title {font-weight:bold; font-size:18px; color:#339900;font-family:Arial, Helvetica, sans-serif; margin:0 0 10px 0;display:block;}
div.news_manager div.news_headline {padding:3px 0 3px 0;line-height:15px; font-size:1em; color:#333333;}
div.news_manager span.news_article {font-size:100%; line-height:1.3em; margin-top:5px; margin-bottom:5px; color:#333333;}
div.new_footer {display:none;}
div.VolNewsHeadline {}

div.VolNewsCategories {margin:10px 0 0 0;}
div.VolNewsCategoryListing div.panel a {background:#e2e2e2; border:1px solid white; padding:3px 6px; margin-top:3px; display:block; width:130px; text-align:left;}
div.VolNewsCategoryListing div.panel a:hover.cat_name {background:#cccccc; text-decoration:none;}
div.VolNewsCategoryListing div.clear {display:none;}
div.VolNewsCategoryListing {}
div.VolNewsDetail {}

/* FAQS STYLES */
#faqs {border:1px solid #e2e2e2; padding:10px;}
#faqs h2 {font-size:1.4em; background:#339900; padding:5px 8px; color:white; margin-top:0;}
#faqs h3 {margin-top:15px; color:#002E5E; height:50px; padding:10px 30px 3px 40px; font-weight:normal; font-style:italic; font-size:1.2em; background: url(../images/sce/question-bg.png) top left no-repeat;}


/* SEARCH STYLES */
div.SiteSearch form { background:#e2e2e2; margin-bottom:8px;}
div.SiteSearch form#aspnetForm { background:white;}
div.SiteSearch input { padding:3px 6px; border:2px solid #cccccc; font-size:13px; color:green; margin:5px;}
div.SiteSearch_result_item {border:1px solid #e2e2e2;padding:5px; margin-bottom:5px; border-bottom:6px solid #e2e2e2;}
div.SiteSearch_result_item br {margin:0;padding:0;height:1px; display:none;}
div.SiteSearch_result_item a.SiteSearch_titlelink {font-size:14px; margin-bottom:4px; padding:0 0 3px 0; border-bottom:1px solid #e2e2e2; display:block;}
div.SiteSearch_content {}
div.SiteSearch span.SiteSearch_link a {font-size:10px; color:#cccccc;}


div.VolNewsSearch ul.form {list-style:none; font-size:11px; font-family:Arial, Helvetica, sans-serif;}
div.VolNewsSearch ul.form li {font-size:11px;font-family:Arial, Helvetica, sans-serif;}
div.VolNewsSearch ul label {font-size:11px; color:#339999; font-family:Arial, Helvetica, sans-serif;}

/* BLOG STYLES */

div#volBlog .post {margin:10px 0; border-bottom:1px solid #e2e2e2; padding-bottom:10px; font-family:arial, sans-serif;}
div#volBlog h2.title {margin:5px 0 10px 0;padding-bottom:5px; font-size:160%; font-weight:normal; }
div#volBlog .post .postContent {font-size:12px; line-height:15px; margin-top:5px; margin-bottom:5px; color:#333333;}

div#volBlog a img.rss {float:left; clear:left; margin:0; padding:0; display:inline;}

.text .volBlogCategories ul, #col1 .recentPosts ul {list-style-type:none; margin:10px 0 0 0; padding:0; border-top:1px solid #ccc; font-size:12px}
.text .volBlogCategories ul li a, #col1 .recentPosts ul li a {color: #339999 !important; display:block; padding:3px 6px; text-decoration:none; border-bottom:1px solid #ccc;}
.text .volBlogCategories ul li a:hover, #col1 .recentPosts ul li a:hover {color: #FFFFFF !important; background-color: #CCCCCC;}

div#volBlog ul {list-style-type:square;}

div.Social {border:1px solid #e2e2e2; height:50px; padding:5px 20px; clear:both; margin-top:10px;}
div.Social a img {clear:left;}
div.Social ul {list-style-type:none; clear:both; margin:0; padding:0;}
div.Social ul li {float:left; width:30px; display:block;}
div.Social h4 {border:0; font-size:11px !important; font-weight:normal !important; margin:0; padding:0;}
div.dateTab {font-size:10px; color:#666666;}
div.tagsTab {background:#e2e2e2; padding:5px 8px;display:none;}
div.commentTab {border-bottom:1px solid #e2e2e2; padding:5px 0 8px -6px; display:none;}
div.commentTab a {font-size:11px; padding:2px 6px; margin:0; border-right:1px solid #333333;}

#content div.post div.tagsTab a {background:green; color:white; padding:2px 6px; margin-left:3px; font-size:10px;}
div#ctl01_MainContent_blog_parmalink_Comments {background:#e2e2e2; padding:10px;clear:both;}
fieldset.formFS div.formElements div.formRow {border-bottom:6px solid #e2e2e2;}
div#ctl01_MainContent_blog_parmalink_Trackbacks {clear:both;}





div#modalbox-form {margin:10px; border:1px solid #cccccc;padding:15px;background:#e2e2e2; text-align:left;}
div#modalbox-form h1,div#modalbox-form h2 {font-family:georgia,times,serif; margin:5px 0 15px 0; color:green; font-weight:normal;  }
div#modalbox-form #contactform label {width:170px;margin-top:5px;font-size:1em;}
div#modalbox-form div.separator {clear:both; height:2px; margin:4px 0 1px 0; background:#f2f2f2;}
div#modalbox-form #contactform span.required {width:220px;}
div#modalbox-form #contactform span input,div#modalbox-form #contactform span textarea {width:180px; border:1px solid #cccccc;font-size:1.1em; padding:3px 6px;margin-right:50px;font-family:Arial, Helvetica, sans-serif;}


div#modalbox-form #contactform p div span {text-align:right; border:1px solid red;}
div.modalClose {background:#666666; margin:1px 1px 10px 2px; padding:4px 10px;}
div.modalClose a {color:white;float:right;}
div.modalClose span {color:white; float:left; font-weight:bold;}
p.modalClose {background:#666666; text-align:right; margin:1px 1px 10px 2px; padding:4px 10px;}
p.modalClose a {color:white;}


/* EDITOR STYLES */
body.editor {text-align:left; }
body.editor ul,body.editor ol {list-style-type:circle; margin-left:30px;}
body.editor dl {padding:0; margin:0;border-bottom:1px solid #cccccc; border-top:1px solid #ffffff;}
body.editor dt {padding:6px 10px 2px 10px; font-size:13px; color:#339999; font-weight:bold; }
body.editor dd {padding:0 10px 6px 10px; font-size:11px; color:#666666;}
body.editor div {border:1px solid #e2e2e2;}
body.editor h2,body.editor h3,body.editor h4,body.editor h5,body.editor h6 {font-family:Arial, Helvetica, sans-serif; font-weight:bold;}