@charset "utf-8";
/********************************************\
CSS Stylesheet for Xillent.com
\********************************************/

/***********************************
 GLOBAL CSS DECLARATIONS
***********************************/
* 			{ font-family: Arial, Helvetica, sans-serif; margin: 0px; padding: 0px; color: inherit; }
body 		{ margin: 0px; background-color: #FFF; padding-bottom:10px; font-family: Arial, Helvetica, sans-serif;	font-size: 12px; color: #333; background-image: url(../images/bgd.gif); background-repeat: repeat-x;}
img 		{ border-style: none; border-width: 0px; outline: none; }
li 			{ list-style-type: none; }
h1, h2, h3 	{ font: inherit; }
a			{ outline: none;}
a:link 		{ text-decoration:none; color: #2180a4; }
a:visited 	{ text-decoration:none; color: #2180a4; }
a:hover 	{ text-decoration:none; color: #000; }
a:active 	{ text-decoration:none; color: #000; }

graylink	{ text-decoration:none; color: #666;}

p 			{ margin: 10px 0; }


/* HEADERS */
h1 { font-family: Trebuchet, Trebuchet MS, Arial, Helvetica, sans-serif; font-size:16px; text-transform:uppercase; }
h2 { font-family: Georgia, "Times New Roman", Times, serif; font-size:30px;	text-transform:capitalize; color: #666; font-weight: normal; }
h3 { font-family: Trebuchet, Trebuchet MS, Arial, Helvetica, sans-serif; font-size:15px; color: #666; font-weight: bold; text-transform:uppercase; margin: 0 0 -20px 0; }
.GlobalHeader {float: left; width: 630px; height: auto; margin: -10px; padding: 20px 20px 20px 270px;  background-color:#999; border-bottom: solid 1px #666; border-top: 1px dotted #CCC; }
.GlobalHeader div {font-family: Georgia, "Times New Roman", Times, serif; font-size:30px; text-transform:capitalize; color: #FFF; }

/* GLOBAL ERROR DECLARATIONS */
.Error 		{ font-family: Trebuchet, Trebuchet MS, Arial, sans-serif !important; font-size:11px !important; font-weight: bold; color:#EE0000 !important; } 
.ErrorMsg 	{ font-family: Trebuchet, Trebuchet MS, Arial, Helvetica, sans-serif; font-size:13px; color: #FFF; font-weight: bold; background-color:#CC0000; text-transform:uppercase; padding: 8px; }
.SuccessMsg { font-family: Trebuchet, Trebuchet MS, Arial, Helvetica, sans-serif; font-size:13px; color: #FFF; font-weight: bold; background-color:#33CC00 ; text-transform:uppercase; padding: 8px; }


/* SUBNAV */
/*.SubNavTop	{ background-image: url(../images/subnav_top.gif); background-repeat: no-repeat; height: 25px; }
.SubNavBase	{ float: left; margin: -10px 0 0 8px; width: 210px; font-family:Arial, Helvetica, sans-serif; font-size: 12px; background-color: #f8f8fc; }
.SubNavTd 	{ position: relative; height: 30px; border-left: 1px solid #c2c2c2; border-right: 1px solid #c2c2c2; border-bottom: 1px solid #ebebec; }
.SubNavTd a { position:absolute; z-index: 99; top: 0; left: 0; padding: 8px 0 0 10px; margin: 0; width: 198px; height: 22px; color: #666; }
.SubNavTd a:hover { position:absolute; z-index: 99; top: -4px; left: -5px; padding: 12px 0 0 14px; margin: 0; width: 211px; height: 27px; color: #FFF; background-image:url(../images/subnav_active.png); background-repeat:no-repeat; }
.SubNavActive { position:absolute; z-index: 99; top: -4px !important; left: -5px !important; padding: 12px 0 0 14px !important; margin: 0; width: 211px !important; height: 27px !important; color: #FFF !important; background-image:url(../images/subnav_active.png); background-repeat:no-repeat;}
.SubNavDiv  { height: 2px; }
.SubNavBot  { background-image: url(../images/subnav_bot.gif); background-repeat: no-repeat; height: 4px; }*/

.SubNavTop	{ background-image: url(../images/subnav_top.gif); background-repeat: no-repeat; height: 25px; }
.SubNavBase	{ float: left; margin: -10px 0 0 8px; width: 210px; font-family:Arial, Helvetica, sans-serif; font-size: 12px; background-color: #f8f8fc; }
.SubNavTd 	{ position: relative; height: 30px; border-left: 1px solid #c2c2c2; border-right: 1px solid #c2c2c2; border-bottom: 1px solid #ebebec; }
.SubNavTd a { position:absolute; z-index: 99; top: 0; left: 0; padding: 8px 0 0 10px; margin: 0; width: 198px; height: 22px; color: #666; }
.SubNavTd a:hover { position:absolute; z-index: 10; top: 0px; left: 0px; padding: 8px 0 0 10px; margin: 0; width: 198px; height: 22px; color: #333; background-color: #EFEFEF; }

.SubNavTdActive 	{ position: relative; height: 30px; border-left: 1px solid #c2c2c2; border-right: 1px solid #c2c2c2; border-bottom: 1px solid #ebebec; }
.SubNavTdActive a { position:absolute; z-index: 99; top: 0; left: 0; padding: 8px 0 0 10px; margin: 0; width: 198px; height: 22px; }
.SubNavTdActive a:hover { position:absolute; z-index: 10; top: 0px; left: 0px; padding: 8px 0 0 10px; margin: 0; width: 198px; height: 22px; color: #333; }

.SubNavActive { position:absolute; z-index: 99; top: -4px !important; left: -5px !important; padding: 12px 0 0 14px !important; margin: 0; width: 211px !important; height: 27px !important; color: #FFF !important; background-image:url(../images/subnav_active.png); background-repeat:no-repeat;}
.SubNavDiv  { height: 2px; }
.SubNavBot  { background-image: url(../images/subnav_bot.gif); background-repeat: no-repeat; height: 4px; }

/***********************************
 PARENT CONTAINER
***********************************/
#container 	{ width: 936px; height: auto; margin: 0 auto; padding: 0px; background: url(../images/container_background.png) repeat-y; }
#Content	{ float: left; width: 900px; height: auto; margin: 0px 0px 0px 18px; }
#ContentLeft { float: left; width: 230px; height: auto; padding: 10px; }
#ContentRight { float: left; width: 630px; height: auto; padding: 10px; }
#ContentLeft > ul li {padding: 5px 0;}
#ContentWrapper { padding: 20px 20px 10px 0; line-height: 1.7; color: #666; }

/* APPLICATION BAR */
#appBarContainer {position: absolute;top: 0;left:50%; height: 1px; width: 1px; z-index: 1; visibility: hidden;}
#appBar {position:relative; top: 0px; left: -126px; width: 576px; height: auto; z-index:99; visibility: visible;  }
#appBar div.content { float: left; width: 550px; height:26px; background-image: url(../images/apps_background.png); background-repeat: no-repeat; background-position: 0px -2px; }
#appBar div.content div.apps { float: left; padding-top:5px; padding-left: 10px; color: #999; font-size:11px; }
#appBar div.content div.apps a:link 	{ color:#999; font-size:11px; text-decoration:none; }
#appBar div.content div.apps a:visited 	{ color:#999; font-size:11px; text-decoration:none; }
#appBar div.content div.apps a:hover 	{ color:#CCC; font-size:11px; text-decoration:none; }
#appBar div.content div.apps a:active 	{ color:#FFF; font-size:11px; text-decoration:none; }
#appBar div.content div.login {float: right; padding-right: 2px; padding-top:0px}
#appBar div.content div.login form span { padding-right: 0px; color:#FFFFFF; }
.loginError { color: #FF0000 !important; padding-right: 10px !important; }

#appBar div.selector { float: right; width: 25px; height: 26px; cursor:pointer; }
#appBar div.selector span {}
#appBar div.selector span:hover { }


/* ROTATOR */
#Banner {width: 936px; height: 288px; margin: 10px 0px;}
#bannerPreloader {margin: 128px 450px;}

/* ABOUT US SUMMARY */
#aboutUs    { float: left; width: 440px; padding: 0px 10px 10px 18px; margin-right: 7px;}
#aboutUs h1 { margin-bottom: 15px; font-weight: bold; }
#aboutUs p  { padding-top: 10px; }

/* BLURB SUMMARY */
#blurbSummary { position:relative; float:left; width: 550px; border-right: 1px solid #CCC; padding: 10px;}
#blurbSummary span { font: bold 18px "Trebuchet MS"; }
#blurbSummary p { font-size: 14px; position:relative; margin: 10px; text-indent: 10px; }
#blurbSummary ul { position:relative; margin-left: 50px; display:block; }
#blurbSummary ul li { font-size: 14px; list-style-type: disc; } 

/* CONTACT US (MINI FORM) */
#contactMini {float: left; width: 215px; margin-left: 13px; }
#contactMini span#title { margin-bottom: 30px; font-weight: bold; font-size:16px; }
#contactMini ul { width: 215px; }
#contactMini ul li { float: right; }
#contactMini ul li label { float: left; padding: 6px 0px 10px 0px; width: 50px; }
#contactMini ul li *.input { padding: 1px 1px; width: 153px; border: 1px solid #999; }
#contactMini ul li input.input:hover { border: 1px solid #666; }
#contactMini ul li input.button { margin: 0; text-align:center; border: hidden; border: 0px; width: 78px; height: 28px; background: url(../images/form_button.png) no-repeat; color: #fff; cursor:pointer; }
#contactMini ul li input.button:hover { text-decoration: underline; }
#contactMini ul li input.textarea { margin-bottom:7px; }
#contactMini ul li select.select { width:156px; }
#contactMiniForm {width: 215px;}
#contactRemember { float: left; width: 215px; padding-top: 30px; }
#contactRemember a { color: #333; text-decoration: underline; }
#contactRemember a:hover { color: #333; text-decoration: none; }
#contactMini .phone { font-size: 16px; }
.quotebtn { margin: 136px 0 0 55px; position: absolute;}
.contactError {	width: 201px; background-color: #CC0000;color: #FFFFFF;	font-family: Trebuchet, Trebuchet MS, Arial, Helvetica, sans-serif;font-size: 11px;	font-weight: bold;padding: 7px;margin-bottom: 7px;}

/* FOOTER BAR */
#footer {clear: both; width: 936px; height: 147px; margin-top: 10px; padding: 13px 0px 0px 18px ; background-image: url(../images/footernew.jpg); background-repeat: no-repeat; }
#footer a, #footer a:visited { color: #666; text-decoration: none; font-size: 10px; }
#footer a:hover { color: #000; text-decoration: none; }
#footer ul { float: left; width: 125px; margin-right: 10px; border-right: 1px #ccc solid; padding-right: 10px; height: 75px; } 
#footer ul li {line-height: 1.3;}
#footer .noborder { border-right: none; width: 170px; margin-right: 0px; padding-right: 0px;}
#footer p span { font-family: Trebuchet, Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold;width:100%; color: #000; padding-right: 10px; margin-top: 20px; }
#footer p a.link { position: relative; color: #666; font-size: 12px; text-decoration:none; font-weight:normal; }
#footer p a.divider { position: relative; margin: 0px 5px; font-size: 11px; text-decoration:none; } 
#footer p a.link:hover { text-decoration:underline; } 
#footerbottom { clear: both; width: 890px; height: 25px; padding: 20px 20px 0px 0px; }
#footerbottom > div > a.link {font-size: 12px;}
.footblack {font-weight: bold; font-size: 11px; color: #111;}

/* HEADER BAR */
#header { width: 900px; height: 80px; margin: 0px; }
#header div.logo { float:left; width: 231px; margin-top: 5px; margin-left: 25px; }
#header div.navigation { float: right; margin: 36px 0 0 100px; height: 34px; }
#header div.navigation a { font-family: Verdana, Arial, Helvetica, sans-serif; cursor:pointer; display:block; position:relative; float:left; text-decoration:none; width: 77px; height: 27px; margin-right:10px; padding-top:5px; text-align:center; font-size: 12px;}
#header div.navigation a:active,
#header div.navigation a:focus,
#header div.navigation a { color: #333; height: 22px; background:url(../images/nav_button_span.gif) 0 0 no-repeat;  }
#header div.navigation a:hover { color: #FFF; height: 22px; background:url(../images/nav_button_span_a.gif) 0 0 no-repeat;  }
#header div.navigation  a.active { color:#FFFFFF; background:url(../images/nav_button_span_a.gif) 0 0 no-repeat; }

/* HOMEPAGE BLURBS */
#homeBlurbs { width: 900px; height:100px; padding: 10px 0px 0px 0px; margin: 10px 18px 0px 18px; }
#homeBlurbs div.no1 { background:url(../images/frontpage_button1_background.png) no-repeat; margin-right: 13px;}
#homeBlurbs div.no2 { background:url(../images/frontpage_button2_background.png) no-repeat; margin-right: 13px;}
#homeBlurbs div.no3 { background:url(../images/frontpage_button3_background.png) no-repeat; margin-right: 13px;}
#homeBlurbs div.no4 { background:url(../images/frontpage_button4_background.png) no-repeat;}
#homeBlurbs div.blurb { float: left; padding-bottom: 18px; width: 215px; height: 90px;}
#homeBlurbs div.blurb p { font: 11px Verdana, Helvetica, sans-serif; color: #333333; line-height: 14px; padding: 10px; color: #fff; margin: 0px;}
#homeBlurbs div.blurb strong { padding-right: 5px; font: bold 11px Verdana, Helvetica, sans-serif;}

/* IMAGE ROTATOR */
#Banner {width: 920px; height: 288px; margin: 10px 8px;}
#imgRotator { width: 920px; height:288px; }
#imgRotator div.pics { width: 920px; height: 288px; margin: 0px; padding: 0px; }
#imgRotator div.pics a img { width: 920px; height: 288px; top:  0px; left: 0px; } 

/* MENUTAB CONTROL */
#menutab { background: url(../images/menubar2.gif) no-repeat top; height: 34px; width: 900px; color: #FFF; margin: 20px auto; font-size: 15px; }
#menutab div { height: 34px; width: 225px; display: block; float: left; text-align: center; margin: 0px; padding: 0px; }
#menutab div a { color: #FFF; text-decoration: none; height: 29px; padding-top: 5px; width: 225px; display: block; text-align:center; vertical-align:middle; font-size: 14px;}
#menutab div.tab1 a:hover { background-image: url(../images/menubar2.gif); background-position: 0px -34px; }
#menutab div.tab2 a:hover { background-image: url(../images/menubar2.gif); background-position: -225px -34px; }
#menutab div.tab3 a:hover { background-image: url(../images/menubar2.gif); background-position: -450px -34px; }
#menutab div.tab4 a:hover { background-image: url(../images/menubar2.gif); background-position: -675px -34px; }

/* PAGE TITLE */
#pageTitle { margin: 18px 0px 18px 0px; padding: 0px 10px 0px 10px; width: 880px; height: 59px; background: url(../images/contentpage_divider.png) no-repeat; }
#pageTitle h1 { padding: 15px 0px 0px 10px; color: #fff; font: 22px Trebuchet MS;}

/* PORTFOLIO GALLERY */
#portfolio { position:relative; float:left; margin: 20px auto; width: auto; height: auto; }
#portfolio div.gallery { position:relative; float:left; width: 700px; height:auto; clear:both; margin:0 auto; }
#portfolio div.gallery ul.clients {padding: 0; width: 100%; font-family: "Trebuchet MS"; }
#portfolio div.gallery ul.clients li.client { position:relative; float: left; padding: 10px; width: 325px; height: 180px;}
#portfolio div.gallery ul.clients li.client a { position: relative; float:left; display:block; width:320px; height: 175px; padding-top: 5px; padding-left: 5px }
#portfolio div.gallery ul.clients li.client a:hover { background: url(../images/portfolio_bg.png) no-repeat top left}
#portfolio div.gallery ul.clients li.client a img { position:relative; float:left; width: 150px; }
#portfolio div.gallery ul.clients li.client a h1 { position:relative; float:left; font-size: 12px; font-weight: bold; left: 5px;  width: 150px; }
#portfolio div.gallery ul.clients li.client a div { position:relative; float:left; margin-left: 10px; width: auto; } 
#portfolio div.gallery ul.clients li.client a span { position:relative; float:left; clear:left; font-size:10px; width: 150px; } 
#portfolio div.gallery div.nowork { height: 300px; font-size: 10px; }
#portfolio div.gallery div.nowork a { font-size: inherit; font-weight:bold; color:#333333 }
#portfolio div.gallery div.nowork a:hover { text-decoration:underline }
#portfolio div.pagination { position:relative; float:right;  margin-right: 10px; }
#portfolio div.pagination a:hover { text-decoration: underline; }

/* REASONS TO SIGNUP */
#reasons { float: left; width: 215px; height: auto; }
#reasons span#title { clear:both; margin-bottom: 10px; font-weight: bold; font-size:16px;}
#reasons div { width: 215px; height: 272px; background: url(../images/steps_background.png) no-repeat bottom left; }
#reasons span.burbls { float: left; padding-right: 5px; font-weight: bold; }
#reasons p { padding: 10px 10px 0px 10px; color: #FFFFFF; font-size:12px }
#reasons p strong{ font-size:11px }

/* SERVICES PAGE */
#services { width: 900px; padding: 0 30px; }
#servicestop { background: url(../images/servicestop.jpg) no-repeat top center; height:114px; width: 898px; margin: 0 auto; }
#services #main { width: 600px; float: left; border-right: 1px solid #CCC; padding-right: 20px; margin-right: 15px; min-height: 340px; line-height: 1.5; }
#services #main ul li {list-style-type: disc; margin: 0 50px; }
#services #right { float: left; width: 225px; padding-right: 10px; }
#services .points {	font-size: 20px;color: #000;width: 100%;padding-top: 15px;padding-bottom: 0px;font-family: Arial, Helvetica, sans-serif;font-weight: bold;}
#services p {font-size: 13px; color: #666;}

/*FEATURES PAGE */
.FeatureHeader {font-family: Georgia, "Times New Roman", Times, serif !important; font-size: 24px; text-transform: capitalize; color: #111; margin-bottom: -10px;}
.FeatureText {float: left; border-bottom: 1px dotted #666; height: auto; padding: 20px 0; margin-bottom: 20px; line-height: 1.5; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
.FeatureDtlTxt {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666; line-height: 1.5; }

/*SEO TABLE*/
#seotable { background: #FFF; }
.seoleftcol { padding: 5px; }
.seotitles { color: #FFF; font-variant: small-caps; font-size: 15px; padding: 4px;}
.seoprices { color: #458AAB; font-size: 18px; padding: 5px;}


/* SIDEBAR CONTROL */
#sidebar { margin: 20px 0 0 15px; position:relative; width: 200px; height:auto; float: left; display:block; }
#sidebar ul { width: 100%; height:auto; }
#sidebar li { display: block; width:auto; padding-left: 10px; cursor: pointer; border-bottom: 1px solid #EEEEEE; border-right: 3px solid #EEEEEE; line-height: 22px; }
#sidebar li.first { border-top: 1px solid #EEEEEE; }
#sidebar li.active { color:#666666; border-right-color: #D5DEFF; }
#sidebar li.inactive:hover { color:#333333; border-right-color:#87BDE9; }
#sidebar li a { color: #333; text-decoration: none; display: block; padding:2px 0; color:#999999;}
#sidebar li.active a { color:#666666; }
#sidebar li.inactive:hover a { color:#333333;}

/* PRODUCTS PAGE CONTROL */
#softwarebox1 { width: 285px; height: 201px; float: left; margin-right: 20px; }
#softwarebox2 { width: 285px; height: 201px; float: left; }
#topproducts { color: #FFF; width: 900px; padding: 10px 0; margin: 0 auto; }
#topproducts_1 { background: url(../images/product1bg.jpg) no-repeat bottom; width: 265px; height: 169px; padding: 10px; margin-right: 22px; float: left; }
#topproducts_2 { background: url(../images/product2bg.jpg) no-repeat bottom; width: 265px; height: 169px; padding: 10px; margin-right: 23px; float: left; }
#topproducts_3 { background: url(../images/product3bg.jpg) no-repeat bottom; width: 265px; height: 169px; padding: 10px; float: left; }
#topproducts a { color: #FFF; text-decoration: underline;}
#topproducts a:hover { color: #40A3C1; text-decoration: none; }
#topproducts a:visited { color: #FFF; text-decoration: underline;}


/* WORK DETAIL MAIN CONTROL */
#workdetails		        	{ position:relative; float:left; padding-left:10px; padding-right:10px; height:auto; width:680px; font-family: "Trebuchet MS"; color:#333333; }
#workdetails div.header      	{ width:100%; height: 10px; padding-bottom:5px; }
#workdetails div.header span.title { font-size: 24px; position:relative; clear:both; float:left; }
#workdetails div.header a:hover  { text-decoration:underline; }
#workdetails div.details      	{ width:100%; height:auto; vertical-align:top; }
#workdetails div.details div.portfolioName { position:relative; clear:both; width:99%; height: 40px; padding: 5px 0px 5px 1%; vertical-align: middle; }
#workdetails div.details div.portfolioName:after { content: ""; display: block; height: 0px; clear: both; }
#workdetails div.details div.portfolioName span { font-size: 16px; position:relative; float:left; font-weight: bold; margin-top: 10px; }
#workdetails div.details div.portfolioName a.returnLink { clear:both; font-size: 10px; text-decoration:none; font-weight:bold; position:relative; margin-top: 5px; float:left;}
#workdetails div.details div.portfolioName a.returnLink:hover { text-decoration: underline; }
#workdetails div.details div.portfolioName a.siteLink { position:relative; float:right; }
#workdetails div.details div.portfolioGallery { position:relative; float:left; width:100%; height:auto; padding: 10px 0px 10px 0px; border-bottom: 1px solid #CCC; }
#workdetails div.details div.portfolioGallery img { width: 472px; position:relative; display:block; margin:auto; }
#workdetails div.details div.portfolioGallery div.testimonial { position:relative; float:left; height: auto; width: 380px; }
#workdetails div.details div.portfolioDetails { position:relative; float:left; width:100%; padding: 10px 0px 10px 0px;  height:auto;}
#workdetails div.details div.portfolioDetails div.detail { position:relative; float:left; height:auto; width:23%; margin-right: 2%; }
#workdetails div.details div.portfolioDetails div.endDetail { width: 24% }
#workdetails div.details div.portfolioDetails div.lastDetail { margin-right: 0px; }
#workdetails div.details div.portfolioDetails div.detail ul { position:relative; clear:both; float:left; display:block }
#workdetails div.details div.portfolioDetails div.detail ul li { font-size:12px; font-weight: normal; }
#workdetails div.details div.portfolioDetails div.detail span.header { font-size: 14px; font-weight: bold; position:relative; clear:both; float:left; padding-bottom: 5px}
#workdetails div.details div.portfolioDetails div.detail span.text { font-size: 12px; position:relative; clear:both; float:left;}

/* GENERAL USE CSS */
.LoginBox 		{ font-family: Trebuchet, Trebuchet MS, Arial, Helvetica, sans-serif; font-size:12px; color:#999; width: 100px; height: 15px; padding: 1px; background-color:#333; border: 1px solid #555;margin-bottom: 2px; vertical-align:top:}
.LoginButton	{ margin: 0; text-align:center; border: hidden; border: 0px; width: 64px; height: 24px; background: url(../images/form_button_sm.png) no-repeat; color: #fff; cursor:pointer; }

/* QUOTE FORM */
#formcontainer 	{ clear: both; float: left; width: 440px; background: #D2D2D2; padding: 10px 10px 10px 0px; margin: 10px 0px 20px 20px;}
#formcontainer .formtable { color: #333; font: inherit; margin: 0 auto;}
#formcontainer td {font-size: 12px;}
#formcontainer .input { width: 250px; }
#formcontainer textarea { width: 250px; }
#formcontainer .line { border-bottom: 1px solid #FFF; width: 100%; font-size: 14px; color: #000; font-weight: bold; text-transform:uppercase;}

#ContactLeft 	{float: left; width: 440px; padding: 0px; margin: 10px 0px 10px 20px; }
#ContactRight	{float: right; width: 440px; padding: 0px; margin: 10px 20px 10px 0px; }

#ContactForm2 	{ clear: both; float: left; width: 440px; background: #D2D2D2; padding: 10px 10px 10px 0px; margin: 0;}
#ContactForm2 .formtable { color: #333; font: inherit; margin: 0 auto;}
#ContactForm2 td {font-size: 12px;}
#ContactForm2 .input { width: 250px; }
#ContactForm2 textarea { width: 250px; }
#ContactForm2 .line { border-bottom: 1px solid #FFF; width: 100%; font-size: 14px; color: #000; font-weight: bold; text-transform:uppercase;}

#quotepage 		{ float: right; width: 440px; padding: 0px; margin: 10px 0px 0px 0px; font-size: 12px; line-height: 2; }
#contacterror 	{ float: left;  width: 430px; padding: 5px 10px; margin: 0 0 10px 0; font-size: 12px; line-height: 2; }
#contactpicture	{ float: right; width: 440px; padding: 10px 0px; margin: 0; border-bottom: 1px solid #CCC; text-align: right;}
#contactintro   { float: right; width: 440px; padding: 10px 0px; margin: 10px 0px 0px 0px; border-bottom: 1px solid #CCC; font-size: 12px; line-height: 2; text-align: right; }
#contactinfo 	{ float: right; width: 440px; padding: 10px 0px; margin: 0; font-size: 12px; line-height: 1.5; text-align: right;}

/* LANDING PAGE */
.RightBgd { background-image: url(../../_images/banners/right_bgd.jpg); background-repeat: no-repeat; background-position: 1px 0px;}

/* HOMEPAGE */
#HomeWrapper 	{ margin: -10px 8px -10px 8px; height: auto;}
#TopLeft 		{ float: left; width: 400px; height: 260px; padding: 20px 25px 20px 25px;background-image:url(../../assets/images/portfolio_pic_bgd.jpg);}
#TopRight 		{ float: left; width: 470px; height: 300px; padding: 0px; background-image:url(../../assets/images/portfolio_txt_bgd_top.jpg); vertical-align: top; }
#BotLeft 		{ float: left; width: 450px; height: 370px; padding: 0px 0px 0px 0px; background-image:url(../../assets/images/portfolio_pic_bgd.jpg); overflow:auto; }
#BotRight 		{ float: left; width: 420px; height: 330px; padding: 20px 25px 20px 25px; background-image:url(../../assets/images/portfolio_txt_bgd.jpg); vertical-align: top; }

#TitleHeader 	{font-size: 20px; color: #333; font-family: Georgia, "Times New Roman", Times, serif; padding: 10px 0px 0px 25px; margin-bottom: -10px; }
#TitleHeaderNoSpace {font-size: 20px; color: #333; font-family: Georgia, "Times New Roman", Times, serif; padding: 0px; margin: -5px 0 10px 0; }

#Slogan 		{font-family: Trebuchet, Trebuchet MS, Arial, Helvetica, sans-serif;font-size: 20px; color: #333; padding: 20px; font-style:italic;}
#IntroHeader 	{font-family: Georgia, "Times New Roman", Times, serif; color: #333; font-size: 24px; }
.IntroText 		{padding: 0px; font-family: Arial, Helvetica, sans-serif; color: #666; text-align: left; font-size: 12px; line-height: 1.5; }
#BtnGetStarted 	{margin-bottom: 15px;}
#JoinForm		{padding-left: 0px;}
#JoinFormText	{margin-bottom: 20px;}

#ContactForm	{position: absolute; left: 50%; width: 0px; height: 0px; visibility:hidden; z-index:99;}
#ContactFormWrapper {position: relative; top:90px; left: 186px; width: 273px; height: 288px; border-left: 1px solid #333; background-color:#FFF; background-image:url(../../assets/buttons/signupbox.gif); background-repeat:no-repeat; visibility:visible;}
#ContactFormMsg {position: relative; top:90px; left: 185px; width: 273px; height: 288px; border-left: 1px solid #333; background-color:#FFF; background-image:url(../../assets/buttons/signupboxmsg.gif); background-repeat:no-repeat; visibility:visible;}
.FormLabel 		{clear: both; float: left; width: 85px; height: 30px; color: #FFF;}
.FormLabelSm	{clear: both; float: left; width: 100px; height: 30px; font-size: 10px; color: #CC0000;}
.FormText		{float: left; width: 170px; height: 30px;}
.JoinBox,
.SignupBox, .SignupBoxSm {
	padding: 4px;
	width: 150px;
	height: 16px;
	color: #333;
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: none;
	outline: none;
}
.SignupBox		{width: 150px; background-image: url(../buttons/signup_input_off.gif);}
.SignupBoxSm	{width: 130px; background-image: url(../buttons/signup_input_off_sm.gif); margin-right: 3px;}
.BoxOn 			{background-image: url(../buttons/signup_input_on.gif) !important;}
.BoxOnSm		{background-image: url(../buttons/signup_input_on_sm.gif) !important;}

/* PORTFOLIO */
#ContentHeader 		{ margin: -10px 8px 0px 8px; height: auto;}
#PortfolioWrapper 	{ float: left; margin: 0px 8px -10px 8px; height: auto;}
#PortfolioHeaderLeft { float: left; width: 461px; height: 129px; background-image: url(../../assets/images/top_header_left.jpg); background-repeat: no-repeat;}
#PortfolioHeaderLeft2 { float: left; width: 461px; height: auto; padding-bottom: 20px; background-image: url(../../assets/images/top_header_left.jpg); background-repeat: repeat-y; line-height: 2.0; }
.PageHeader 		{padding: 20px 20px 10px 20px; font-family: Georgia, "Times New Roman", Times, serif; color: #333; font-size: 30px; }
.PageHeaderText 	{ padding: 0 20px 0 20px; font-family: Arial, Helvetica, sans-serif; color: #666; font-size: 12px;}
.PortfolioLeft 		{ width: 450px; background-image:url(../../assets/images/portfolio_pic_bgd.jpg); }
.PortfolioRight 	{ width: 420px; padding: 20px 25px 20px 25px; background-image:url(../../assets/images/portfolio_txt_bgd.jpg); vertical-align: top; }
.PortfolioRightFirst { width: 420px; padding: 20px 25px 20px 25px; background-image:url(../images/portfolio_txt_bgd_top.jpg); vertical-align: top; }
.PortfolioPicture 	{ width:403px; height: 267px; margin: 20px 0px 20px 24px; background-repeat:no-repeat; background-position:center; overflow:hidden;}
.PortfolioPic		{ margin: 19px 0px 0px 19px; width: 366px; height: 229px; }
.PortfolioPictureText {padding: 0px; font-family: Georgia, "Times New Roman", Times, serif; color: #222; text-align: center; font-size: 13px; line-height: 1.5; }
.PortfolioHeader 	{ font-size: 30px; color: #000; font-family: Georgia, "Times New Roman", Times, serif; padding-bottom: 10px;}
.PortfolioText 		{ padding: 5px 0px 5px 0px; font-family: Arial, Helvetica, sans-serif; color: #666; text-align: justify; font-size: 13px; line-height: 1.5; }
.PortfolioTestimonial { padding: 5px 0px 15px 0px; font-family: Arial, Helvetica, sans-serif; color: #222; text-align: justify; font-size: 11px; line-height: 1.5; font-style:italic; }
.PortfolioLink 		{ font-family: Arial, Helvetica, sans-serif; color: #666; font-size: 13px !important; }
#PortfolioFilter 	{ font-family: Trebuchet, Trebuchet MS, Arial, Helvetica, sans-serif;font-size: 13px;color: #666;padding: 5px;width: 340px;border: 1px dotted #999;}
.NewsHeaderClass	{ color:#000; font-size:18px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase}
.NewsColumnText		{ padding: 0 8px; color:#666; font-family: Georgia, "Times New Roman", Times, serif !important; font-size:13; text-align:justify; line-height: 1.5; } 

#SubNavHeader 		{ margin-left: 15px;	padding: 3px 10px;	width: 180px;background-image: url(../../_images/nav/nav_label.png);	background-repeat: no-repeat;font-family: Trebuchet, Trebuchet MS, Arial, Helvetica, sans-serif;	font-size: 12px;font-weight: bold;text-transform: uppercase;color: #FFFFFF;}
#NewsletterBox 		{ float:right;margin-right:124px;}

/* PARTNERS */
.PartnerType		{ clear: both; margin: 10px 0; border-top: 1px solid #999; border-bottom: 1px solid #999; padding: 10px; font-family: Arial, Helvetica, sans-serif; color: #111; font-size: 15px; text-transform:uppercase; background-color:#E2E2E2; }
.PartnerHeader		{ float: left; width: auto; padding: 0px 10px 10px 0px; font-family: Trebuchet, Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold; color: #222; }
.PartnerIntro 		{ margin: 10px 0px 20px 0px; font-family: Arial, Helvetica, sans-serif; color: #666; font-size: 12px; line-height: 2; }
.PartnerLogos		{ margin: 10px 0px 20px 0px; height: 50px; background-color:#EFEFEF; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; }
.PartnerPicture		{ border: 1px solid #666; margin-bottom: 10px;}
.PartnerInfo 		{ float: left; width: 880px; margin: -10px 20px 20px 20px; padding-top: 10px; border-top: 1px dotted #999; font-size: 13px; line-height: 1.5; color: #666; font-style:italic; }
.PartnerDivBar 		{ float: left; margin: 0px 0px 0px 8px; }


/****************************************************************************** 
 * STANDARD STYLESHEET - COPYRIGHT 2005 (C) XILLENT CORP.					  *
 *****************************************************************************/
 
/****************************************************************************** 
 * BOXES AND BUTTONS                                                          *
 *****************************************************************************/
.Button {font-family: Arial, Helvetica, sans-serif;font-size: 11px;color: #333333;font-weight: bold;}
.Box40  {font-family: Arial, Helvetica, sans-serif;font-size: 11px;color: #333333;background-color: #FFFFFF;width: 40px;border: 1px solid #999999;}
.Box50  {font-family: Arial, Helvetica, sans-serif;font-size: 11px;color: #333333;background-color: #FFFFFF;width: 50px;border: 1px solid #999999;}
.Box75  {font-family: Arial, Helvetica, sans-serif;font-size: 11px;color: #333333;background-color: #FFFFFF;width: 75px;border: 1px solid #999999;}
.Box100 {font-family: Arial, Helvetica, sans-serif;font-size: 11px;color: #333333;background-color: #FFFFFF;width: 100px;border: 1px solid #999999;}
.Box140 {font-family: Arial, Helvetica, sans-serif;font-size: 11px;color: #333333;background-color: #FFFFFF;width: 140px;border: 1px solid #999999;}
.Box180 {font-family: Arial, Helvetica, sans-serif;font-size: 11px;color: #333333;background-color: #FFFFFF;width: 180px;border: 1px solid #999999;}
.Box200 {font-family: Arial, Helvetica, sans-serif;font-size: 11px;color: #333333;background-color: #FFFFFF;width: 200px;border: 1px solid #999999;}
.Box204 {font-family: Arial, Helvetica, sans-serif;font-size: 11px;color: #333333;background-color: #FFFFFF;width: 204px;border: 0px solid #999999;}
.Box220 {font-family: Trebuchet, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;font-size: 14px;color: #333333;background-color: #FFFFFF;width: 215px;height: 22px;background-image: url(../_images/buttons/box220x27.gif);background-repeat: no-repeat;border: 0px solid #FFFFFF;margin: 0px;padding: 5px 0px 0px 5px;display:inline;}
.Box220Dropdown {font-family: Trebuchet, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;font-size: 14px;color: #333333;background-color: #FFFFFF;width: 220px;height: 27px;background-image: url(../_images/buttons/box220x27.gif);background-repeat: no-repeat;border: 0px solid #FFFFFF;}
.Div220Multi {font-family: Trebuchet, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;font-size: 14px;color: #333333;background-color: #FFFFFF;width: 220px;height: 116px;background-image: url(../_images/buttons/box220x116.gif);background-repeat: no-repeat;border: 0px solid #FFFFFF;padding: 5px;}
.Box220Multi {border: 0px solid #FFFFFF; width: 210px; height: 106px; overflow: auto;}
.Box224 {padding: 2px; margin: 1px; font-family: Trebuchet, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;font-size: 13px;color: #333333;background-color: #FFFFFF;width: 224px;border: 1px solid #999999;}
.Box300 {font-family: Arial, Helvetica, sans-serif;font-size: 11px;color: #333333;background-color: #FFFFFF;width: 300px;border: 1px solid #999999;}
.Box350 {font-family: Arial, Helvetica, sans-serif;font-size: 11px;color: #333333;background-color: #FFFFFF;width: 350px;border: 1px solid #999999;}

.Clock 		{ font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px;color: #333333;background-color: #E8E1D6;width: 75px;border: 1px solid #E8E1D6;}
.GrayBox 	{ background-image: url(../_images/buttons/icon_darkgray.jpg);background-repeat: no-repeat;font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-weight: bold;color: #666666;text-align: center;vertical-align: middle;}
.GrayText 	{ font-family: Arial, Helvetica, sans-serif;font-size: 16px;font-weight: bold;color: #DDDDDD;text-align: center;vertical-align: middle;}

/****************************************************************************** 
 * SPACERS                                                                    *
 ******************************************************************************/
.SpacerLg 			{ padding: 16px;}
.SpacerLeftLg 		{ padding-left: 16px;}
.SpacerRightLg 		{ padding-right: 16px;}
.SpacerLeftRightLg 	{ padding-left: 16px;padding-right: 16px;}
.SpacerTopLg 		{ padding-top: 16px;}
.SpacerBottomLg 	{ padding-bottom: 16px;}
.SpacerTopBottomLg 	{ padding-top: 16px; padding-bottom: 16px;}

.Spacer 			{ padding: 8px;}
.SpacerLeft 		{ padding-left: 8px;}
.SpacerRight 		{ padding-right: 8px !important;}
.SpacerLeftRight 	{ padding-left: 8px;padding-right: 8px;}
.SpacerTop 			{ padding-top: 8px;}
.SpacerBottom 		{ padding-bottom: 8px;}
.SpacerTopBottom 	{ padding-top: 8px; padding-bottom: 8px;}

.SpacerSm 			{ padding: 4px;}
.SpacerLeftSm 		{ padding-left: 4px;}
.SpacerRightSm 		{ padding-right: 4px;}
.SpacerLeftRightSm 	{ padding-left: 4px;padding-right: 4px;}
.SpacerTopSm 		{ padding-top: 4px;}
.SpacerBottomSm	 	{ padding-bottom: 4px;}
.SpacerTopBottomSm 	{ padding-top: 4px; padding-bottom: 4px;}


/****************************************************************************** 
 * TEXT AND LINKS                                                             *
 ******************************************************************************/
.Txt0  {font-size: 0px;}
.Txt9  {font-size: 9px;}
.Txt10 {font-size: 10px;}
.Txt11 {font-size: 11px;}
.Txt12 {font-size: 12px;}
.Txt13 {font-size: 13px;}
.Txt14 {font-size: 14px;}
.Txt15 {font-size: 15px;}
.Txt16 {font-size: 16px;}
.Txt17 {font-size: 17px;}
.Txt18 {font-size: 18px;}
.Txt20 {font-size: 20px;}
.Txt40 {font-size: 40px;}

.Bold 				{font-weight: bold;}
.Italic 			{font-style: italic;}
.LineHeight14 		{line-height: 2;}
.UpperCase  		{text-transform: uppercase;}
.AlignLeft  		{text-align: left;}
.AlignRight 		{text-align: right;}

.Arial 				{font-family: Arial, Helvetica, sans-serif;}
.Verdana 			{font-family: Verdana, Arial, Helvetica, sans-serif;}
.Trebuchet 			{font-family: Trebuchet, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;}
.Georgia 			{font-family: Georgia, "Times New Roman", Times, serif;}

.Black 				{color: #000000;}
.Blue 				{color: #004995;}
.Green 				{color: #009900;}
.Gray 				{color: #666666;}
.LightGray 			{color: #CCCCCC;}
.DarkGray 			{color: #444444;}
.Red 				{color: #B9001D;}
.LightRed 			{color:#E72705;}
.White 				{color: #FFFFFF;}

.BgdGreen 			{background-color: #0C6C02;}

.Header 			{font-family: Arial, Helvetica, sans-serif;font-size: 15px;color: #333333;font-weight: bold;}
.HeaderSm 			{font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #333333;font-weight: bold;}
.HeaderRed 			{font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #CC0000;font-weight: bold;}
.HeaderGreen 		{font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #129208;font-weight: bold;}
.HeaderBlue 		{font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #004995;font-weight: bold;}
.HeaderBlueLg 		{font-family: Arial, Helvetica, sans-serif;font-size: 15px;color: #004995;font-weight: bold;}
.HeaderMain 		{font-family: Trebuchet, Trebuchet MS , Arial, Helvetica, sans-serif; font-size: 24px; color: #126494; font-weight: normal; text-transform: uppercase; }
.HeaderMainBlue 	{font-family: Arial, Helvetica, sans-serif;	font-size: 18px;color: #004995;font-weight: bold;}
.HeaderSub 			{font-family: Arial, Helvetica, sans-serif;font-size: 16px;color: #444444;font-weight: bold;}

.BlankLine4 		{background-image: url(../_images/bgd/spacer.gif);background-repeat: no-repeat;height: 4px;}
.BlankLine8 		{background-image: url(../_images/bgd/spacer.gif);background-repeat: no-repeat;height: 8px;}
.BlankLine10 		{background-image: url(../_images/bgd/spacer.gif);background-repeat: no-repeat;height: 10px;}
.BlankLine20 		{background-image: url(../_images/bgd/spacer.gif);background-repeat: no-repeat;height: 20px;}

.LineBot 			{border-bottom: 1px solid #666666;}
.LineBotDot 		{border-bottom: 1px dotted #666666;}
.LineBotWhite 		{border-bottom: 1px solid #EEEEEE;}
.LineBotDarkGray 	{border-bottom: 1px solid #AAAAAA;}
.LineTop 			{border-top: 1px solid #666666;}
.LineTopWhite 		{border-top: 1px solid #FFFFFF;}
.LineTopGray 		{border-top: 1px solid #DDDDDD;}
.LineTopDarkGray 	{border-top: 1px solid #AAAAAA;}
.LineTopDot 		{border-top: 1px dotted #666666;}
.LineLeft 			{border-left: 1px solid #666666;}
.LineLeftDot 		{border-left: 1px dotted #666666;}
.LineLeftGray 		{border-left: 1px solid #CCCCCC;}
.LineLeftDarkGray 	{border-left: 1px solid #AAAAAA;}
.LineRight 			{border-right: 1px solid #666666;}
.LineRightGray 		{border-right: 1px solid #CCCCCC;}
.LineRightDot 		{border-right: 1px dotted #666666;}
.LineRightDarkGray 	{border-right: 1px solid #AAAAAA;}

A.LinkGrayBlack:link{color:#666666;text-decoration:none}
A.LinkGrayBlack:visited{color:#666666;text-decoration:none}
A.LinkGrayBlack:hover{color:#000000;text-decoration:none}
A.LinkGrayBlack:active{color:#000000;text-decoration:none}

A.LinkGrayWhite:link{color:#666666;text-decoration:none}
A.LinkGrayWhite:visited{color:#666666;text-decoration:none}
A.LinkGrayWhite:hover{color:#FFFFFF;text-decoration:none}
A.LinkGrayWhite:active{color:#FFFFFF;text-decoration:none}

A.LinkBlackGray:link{color:#000000;text-decoration:none}
A.LinkBlackGray:visited{color:#000000;text-decoration:none}
A.LinkBlackGray:hover{color:#666666;text-decoration:none}
A.LinkBlackGray:active{color:#666666;text-decoration:none}

A.LinkBlackWhite:link{color:#000000;text-decoration:none}
A.LinkBlackWhite:visited{color:#000000;text-decoration:none}
A.LinkBlackWhite:hover{color:#FFFFFF;text-decoration:none}
A.LinkBlackWhite:active{color:#FFFFFF;text-decoration:none}

A.LinkBlackRed:link{color:#000000;text-decoration:none}
A.LinkBlackRed:visited{color:#000000;text-decoration:none}
A.LinkBlackRed:hover{color:#CC0000;text-decoration:none}
A.LinkBlackRed:active{color:#CC0000;text-decoration:none}

A.LinkRedBlack:link{color:#CC0000;text-decoration:none}
A.LinkRedBlack:visited{color:#CC0000;text-decoration:none}
A.LinkRedBlack:hover{color:#000000;text-decoration:none}
A.LinkRedBlack:active{color:#000000;text-decoration:none}

A.LinkRedWhite:link{color:#CC000;text-decoration:none}
A.LinkRedWhite:visited{color:#CC0000;text-decoration:none}
A.LinkRedWhite:hover{color:#FFFFFF;text-decoration:none}
A.LinkRedWhite:active{color:#FFFFFF;text-decoration:none}

A.LinkRed:link{color:#CC0000;text-decoration:none}
A.LinkRed:visited{color:#CC0000;text-decoration:none}
A.LinkRed:hover{color:#CC0000;text-decoration:none}
A.LinkRed:active{color:#CC0000;text-decoration:none}

LinkBlueBlack {font-size: 12px !important;}
A.LinkBlueBlack:link{color:#004995;text-decoration:none}
A.LinkBlueBlack:visited{color:#004995;text-decoration:none}
A.LinkBlueBlack:hover{color:#000000;text-decoration:none}
A.LinkBlueBlack:active{color:#000000;text-decoration:none}

A.LinkBlueRed:link{color:#004995;text-decoration:none}
A.LinkBlueRed:visited{color:#004995;text-decoration:none}
A.LinkBlueRed:hover{color:#CC0000;text-decoration:none}
A.LinkBlueRed:active{color:#CC0000;text-decoration:none}

A.LinkBlack:link{color:#000000;text-decoration:none}
A.LinkBlack:visited{color:#000000;text-decoration:none}
A.LinkBlack:hover{color:#000000;text-decoration:none}
A.LinkBlack:active{color:#000000;text-decoration:none}

A.LinkWhiteGray:link{color:#FFFFFF;text-decoration:none}
A.LinkWhiteGray:visited{color:#FFFFFF;text-decoration:none}
A.LinkWhiteGray:hover{color:#CCCCCC;text-decoration:none}
A.LinkWhiteGray:active{color:#CCCCCC;text-decoration:none}

A.LinkUnderline:link{color:#000000;text-decoration:none}
A.LinkUnderline:visited{color:#000000;text-decoration:none}
A.LinkUnderline:hover{color:#333333;text-decoration:underline}
A.LinkUnderline:active{color:#333333;text-decoration:underline}

A.LinkUnderlineBlack:link{color:#000000;text-decoration:underline}
A.LinkUnderlineBlack:visited{color:#000000;text-decoration:underline}
A.LinkUnderlineBlack:hover{color:#000000;text-decoration:underline}
A.LinkUnderlineBlack:active{color:#000000;text-decoration:underline}

A.LinkUnderlineWhite:link{color:#FFFFFF;text-decoration:none}
A.LinkUnderlineWhite:visited{color:#FFFFFF;text-decoration:none}
A.LinkUnderlineWhite:hover{color:#FFFFFF;text-decoration:underline}
A.LinkUnderlineWhite:active{color:#FFFFFF;text-decoration:underline}

A.LinkDotted:link		{ color:#000; text-decoration:none; border-bottom: 1px dotted #333; }
A.LinkDotted:visited	{ color:#000; text-decoration:none; border-bottom: 1px dotted #333; }
A.LinkDotted:hover		{ color:#000; text-decoration:none; border-bottom: 1px solid #000; }
A.LinkDotted:active		{ color:#000; text-decoration:none; border-bottom: 1px solid #000; }

A.LinkDottedRed:link	{ color:#b50804; text-decoration:none; border-bottom: 1px dotted #999; }
A.LinkDottedRed:visited { color:#b50804; text-decoration:none; border-bottom: 1px dotted #999; }
A.LinkDottedRed:hover	{ color:#666; text-decoration:none; border-bottom: 1px solid #999; }
A.LinkDottedRed:active	{ color:#666; text-decoration:none; border-bottom: 1px solid #999; }

/**********************************************************
 * Pictures                                               *
 **********************************************************/
.Picture {border: solid 1px #666666;}
.PictureWhite {border: solid 1px #FFFFFF;}
.PagePicture { float: left; margin: 0 10px 10px 0; }

/**********************************************************
 * TOGGLE BOX ELEMENTS                                    *
 **********************************************************/
.ToggleOn {}
.ToggleOff {display: none;}

/**********************************************************
 * COURSER STYLES                                         *
 **********************************************************/
.CursorCros {cursor: crosshair;}
.CursorHand {cursor:pointer;cursor:hand;}
.CursorHour {cursor: wait;}
.CursorHelp {cursor: help;}

/**********************************************************
 * OTHER                                                  *
 **********************************************************/
.Alpha100 {filter: alpha(opacity=100); -moz-opacity: 100; opacity: 100;}
.Alpha50 {filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5;}
.FormError {color: #FF0000;vertical-align: middle;padding-bottom: 3px;}