html, body 
{
	margin: 0px;	
	color: #000000;	
	background-color: #ffffff;
  	font-family: Verdana, Tahoma;
	font-size: 12px; 
	line-height: 18px;
	font-weight: normal; 
}

* 
{ 
	margin:0; 
	padding:0; 
	list-style: none;
} 

a img 
{
	border: 0;
}

a 
{
	color: #0071d0;
	text-decoration: underline;
}

a:hover
{
	color: #FFFFFF;
	background-color: #0071d0;
	text-decoration: none;
}


/* ===========================================
	CONTAINERS
============================================== */
#header {
	background: url("menu_background.gif") repeat-x;
	height: 119px;
	text-align: center;
}

#header2 {
	text-align: center;
}

#container {
	width: 760px;
	margin: 0 auto;
}

#banner {
	background-color: #fff9cd;
	padding: 10px 0;
}

#home_banner {
	background-color: #3391d8;
	background: url("banner-bg.gif") repeat-x;
	height: 296px;
	padding-top: 32px;
}

#news {
	background-color: #d8ffbd;
	background: url("news-bg.gif") repeat-x;
	height: 30px;
	line-height: 30px;
	text-align: left;
	color: #1f3a0e;
}

#footer {
	background: url("background.gif") repeat-x #0075ce;
	min-height: 200px;
	padding-top: 15px;
	color: #ffffff;
	font-size: 11px;
	line-height: 18px;
}




/* ===========================================
	HEADER
============================================== */
#header ul.menu {
	float: left;
	margin: 0;
}

#header ul.menu li {
	list-style: none;
	display: block;
	float: left;
	height: 29px;
	_width: 1px;
}

#header ul.menu .active, #header ul.menu a.active:hover {
	display: block;
	height: 29px;
	font-weight: bold;
	line-height: 24px;
	padding: 0 15px;
	color: #ffffff;
	background: url("tab_active.gif") repeat-x;
}

#header ul.menu a {
	color: #ffffff;
	text-decoration: none;
	display: block;
	height: 29px;
	font-weight: bold;
	line-height: 24px;
	padding: 0 12px;
}

#header ul.menu a:hover {
	background: url("tab_hover.gif") repeat-x;
}


#header ul.menu2 {
	float: right;
	margin: 4px 0 0 0;
}
#header ul.menu2 li {
	list-style: none;
	float: left;
	display: block;
	height: 16px;
	margin-left: 5px;
}
#header ul.menu2 a {
	color: #ffffff;
	text-decoration: none;
	display: block;
	float: left;
	height: 16px;
	font-size: 11px;
	font-weight: bold;
	line-height: 15px;
	background: url("menu2-background.gif") no-repeat right top;
	cursor: pointer;
}
#header ul.menu2 a span {
	display: block;
	float: left;
	height: 16px;
	background: url("menu2-background.gif") no-repeat left top;
	padding: 0 9px 0 10px;
	margin-right: 1px;
}
#header ul.menu2 a:hover {
	background: url("menu2-background.gif") no-repeat right -16px;
}
#header ul.menu2 a:hover span {
	background: url("menu2-background.gif") no-repeat left -16px;
}


.logoarea {
	clear: both;
	overflow: hidden;
	height: 90px;
}

.logoarea .logo {
	height: 90px;
	width: 218px;
	float: left;
        padding-top: 5px;
}

.logoarea .phone {
	float: right;
	padding-top: 35px;
	text-align: right;
	line-height: 24px;
}





/* ===========================================
	BANNER
============================================== */

#home_banner p {
	color: #ffffff; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 18px; 
	line-height: 24px; 
	margin-top: 20px; 
	margin-bottom: 20px;
}



/* ===========================================
	NEWS ALERT
============================================== */
.news_alert {
	background-color: #ceffad;
	padding: 5px 10px 9px 10px;
	margin-top: 10px;
	width: 140px;	
}


/* ===========================================
	FOOTER
============================================== */

.company_details {
	background-color: #0268b5;
	color: #ffffff;
	padding: 10px 0;	
}

.address {
	float: left;
	width: 180px;
}

.phone_numbers {
	float: left;
}

.copyright {
	float: right;
	text-align: right;
}

#footer a {
	color: #ffffff;	
}



/* ===========================================
	COLUMNS
============================================== */
.column 
{
	float: left;
	min-height: 1px;
}

.c10 	{ width: 10px; }
.c20 	{ width: 20px; }
.c30 	{ width: 30px; }
.c35 	{ width: 35px; }
.c40 	{ width: 40px; }
.c50 	{ width: 50px; }
.c100 	{ width: 100px; }
.c120 	{ width: 120px; }
.c140 	{ width: 140px; }
.c190 	{ width: 190px; }
.c200 	{ width: 200px; }
.c210 	{ width: 210px; }
.c215  	{ width: 215px; }
.c225 	{ width: 225px; }
.c220 	{ width: 220px; }
.c230 	{ width: 230px; }
.c235 	{ width: 235px; }
.c240 	{ width: 240px; }
.c250 	{ width: 250px; }
.c255 	{ width: 255px; }
.c260 	{ width: 260px; }
.c280 	{ width: 280px; }
.c335 	{ width: 335px; }
.c340 	{ width: 340px; }
.c345 	{ width: 345px; }
.c350 	{ width: 350px; }
.c355 	{ width: 355px; }
.c360 	{ width: 360px; }
.c365 	{ width: 365px; }
.c375 	{ width: 375px; }
.c370 	{ width: 370px; }
.c405 	{ width: 405px; }
.c485 	{ width: 485px; }
.c500	{ width: 500px; }
.c525	{ width: 525px; }
.c530	{ width: 530px; }
.c535	{ width: 535px; }
.c620	{ width: 620px; }
.c640	{ width: 640px; }
.c760	{ width: 760px; }




/* ===========================================
	COLUMNS WINDOWS
============================================== */
.cwindow
{
	padding: 10px;
	float: left;
	min-height: 1px;
}

.cw760 { width: 738px; }





/* ===========================================
	SPACERS
============================================== */
.spacer {
	min-height: 1px;
	clear: both;
	width: 100%;
}

.s5 { height: 5px; }
.s7 { height: 7px; }
.s10 { height: 10px; }
.s15 { height: 15px; }
.s20 { height: 20px; }
.s25 { height: 25px; }
.s30 { height: 30px; }
.s32 { height: 32px; }
.s35 { height: 35px; }
.s40 { height: 40px; }
.s45 { height: 45px; }
.s70 { height: 70px; }


/* ===========================================
	MARGINS AND PADDINGS
============================================== */

.pad_t5 {
	padding-top: 5px;
}
.pad_10 { padding: 10px;}


/* ===========================================
	RULES
============================================== */
.rule
{
	background-color: #ffffff;
	width: 100%;
	height: 1px;
	clear: both;
	margin: 0;
	padding: 0;
}

.r1 { border-top: solid 1px #cccccc; }



/* ===========================================
	BORDERS
============================================== */
.b_gray {	border: 1px solid #e8e8e8; }




/* ===========================================
	COLORS
============================================== */
.bg_gray { background-color: #f6f6f6; }
.gray { color: #c6c6c6; }	
.dark_gray { color: #7c7c7c; }	
.dark_grey2 { color: #303030; }	
.bg_yellow { background-color: #fff9cd; }
.bg_em { background-color: #e6fec0; }
.bg_green { background-color: #e1f4a8; }
.bg_blue { background-color: #ecf7ff; }
.red { color: #e00000;}

.green  	{ color: #4c8700; }
.gray50 	{ color: #777777; }
.gray40 { color: #999999; }
.red 	{ color: #f00f00; }
.white { color: #ffffff; }
.black { color: #000000; }
.darkorange { color: #6f6a56; }
.fresh_blue { color: #0075CE; }
.link_blue { color: #00f; }

.bg_linehighlight { background-color: #f5f5e3; }

.bg_green { background-color: #d9ffb2; }
.bg_darkgreen { background-color: #afeb63; }
.bg_red { background-color: #ffc9bb; }
.bg_darkred { background-color: #ed1c24; }
.bg_yellow { background-color: #ffff99; }
.bg_blue { background-color: #dceeff; }
.bg_orange { background-color: #fff4d6; }
.bg_brown { background-color: #faf1b9; }
.bg_grey95 { background-color: #f1f1f1; }
.bg_grey90 { background-color: #e5e5e5; }
.bg_grey40 { background-color: #666; }
.bg_lightorange { background-color: #fffbe6; }
.bg_lightyellow { background-color: #ffffca; }

.border_orange { border: 1px solid #e6e0b6; }
.border_green     { border: 1px solid #88c331; }
.border_grey85    { border: 1px solid #d4d4d4; }
.border_t_grey85  { border-top: 1px solid #d4d4d4; }

.line_grey90 {
	background-color: #e5e5e5;
	height: 1px;
	overflow: hidden;
}


/* ===========================================
	TYPEOGRAPHY
============================================== */

p {
	padding: 0;
	margin: 0 0 1.4em 0;
}


.header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 19px;
	line-height: 22px;
	padding: 0 30px;
}

.fs_10 { font-size: 10px; }
.fs_11 { font-size: 11px; }
.fs_18 { font-size: 18px; }
.fs_20 { font-size: 20px; line-height: normal; }

blockquote {
	font-style: italic;
	padding-bottom: 10px;
	padding-left: 20px;
	background: url(quote_open.gif) top left no-repeat;
}

.source {
	padding-left: 20px;
	font-size: 11px;
	line-height: 14px;
}


/* ===========================================
	HEADINGS
============================================== */
h1
{
	float: left;
	font-size: 26px;
	line-height: 30px;
	font-family: Helvetica, Arial, sans-serif;
	
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 35px;	
}

h1a
{
	font-size: 26px;
	line-height: 30px;
	font-family: Helvetica, Arial, sans-serif;
	color: #000000;
	background-repeat: no-repeat;
}

h2
{
	font-size: 24px;
	font-family: Helvetica, Arial, sans-serif;
	color: #000000;
	line-height: 36px;
}



h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #0D83DD;
	line-height: 24px;
	margin: 0 0 7px 0;

}

h3a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #000000;
	line-height: 24px;
	margin: 0 0 7px 0;

}


h4
{
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 20px;
}
h5 {
	font: bold 16px Arial, Helvetica, sans-serif;
	color: #000;
	margin-bottom: 5px;
}

.title
{
	float: left;
	font-size: 22px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #57d834;
	line-height: 28px;	
	
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 35px;
}

.page_title
{
	float: left;
	font-size: 26px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #57d834;
	line-height: 28px;	
	
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 35px;
}

#footer .title
{
	float: none;
	font-size: 18px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #ffffff;
	line-height: 28px;	
	background-image: none;
	padding-right: 0px;
	display: block;
}



/* ===========================================
	SUB-MENUS
============================================== */
ol.submenu /* Fixed Opera hitbox bug */
{
	margin: 0px;
}

.submenu li
{
	padding: 2px 2px;
	float: left;
	display: block;	
	height: 18px;
	font-size: 15px;
	font-weight: bold;
	font-family: Helvetica, Arial, sans-serif;
}

.submenu .active
{
	background-color: #69af00;
	color: #FFFFFF; 
	padding: 2px 3px;
}	



/* ===========================================
	LISTS
============================================== */
ul.normal
{
	margin-left: 18px;	
}


ul.normal li
{
	list-style: disc;	
}



/* ===========================================
	DIVIDER
============================================== */
.divider {
	background: url("divider-bg.gif") repeat-y;
}
.divider .cap {
	background: url("divider-cap.gif") no-repeat;
	height: 75px;
	margin-bottom: -55px;
}
.divider .foot {
	background: url("divider-foot.gif") no-repeat;
	margin-top: -75px;
	height: 75px;
}
.divider-content {
	padding-left: 20px;
	min-height: 130px;
}
.divider-content .item {
	margin-bottom: 35px;
}




/* ===========================================
	PICTURE FRAMES
============================================== */

.pictureframe124 {
	width: 124px;
	height: 140px;
	background: url("pictureframe_124.gif") no-repeat;
}

.pictureframe124 img {
	width: 92px;
	height: 110px;
	padding: 15px 16px 15px 16px;
}




/* ===========================================
	TOUR
============================================== */

.item p {
	padding-bottom: 12px;
}



/* ===========================================
	PRICING
============================================== */

.window_pricing {
	padding: 10px 20px 1px 20px;
	background-color: #0268b5;
	color: #ffffff;
}

.window_pricing .headline {
	font-size: 18px;
	line-height: 24px;
	width: 475px;
	font-weight: bold;
	float: left;
	padding-top: 15px;
}

.window_pricing .headline em {
	color: #ffe82a;
	background: none;	
}

.window_pricing .faq {
	width: 200px;
	float: left;
	font-size: 11px;
}


/* ===========================================
	CONTACT
============================================== */

.greenbox a {
	background-color: #dcffa4;
	padding: 10px;
	display: block;
	color: #000000;
	text-decoration: none;
}

.greenbox a:hover {
	background-color: #b8ed63;
}

.bluebox a {
	background-color: #caeaff;
	padding: 10px;
	display: block;
	color: #000000;
	text-decoration: none;
}

.bluebox a:hover {
	background-color: #97d5ff;
}




/* ===========================================
	PLATFORM
============================================== */
.platform, .platform2
{
	width: 100%;
	background-repeat: repeat-x;
	background-position: bottom;
	height: 425px;
}


.platform_small
{
	width: 100%;
	background-repeat: repeat-x;
	background-position: bottom;
	height: 280px;
}


.platform_home
{
	width: 100%;
	background-repeat: repeat-x;
	background-position: top;
	height: 58px;	
}

.platform2 .container {
	background-repeat: no-repeat;
	background-position: bottom;
	padding-bottom: 15px;
}

.container {
	width: 760px;
	text-align: left;
        margin: 0 auto;
	
}
.container2 {
	width: 500px;
	text-align: left;
}



/* ===========================================
	MISC
============================================== */

.left { float: left; }
.tleft { text-align: left; }
.tcenter { text-align: center; }
.tright { text-align: right; }
.clear { clear: both; }
.nohover a:hover, a.nohover:hover { background-color: #FFFFFF;}

em {
	font-style: normal;
	background-color: #e6fec0;
}

/* ===========================================
	SIFR
============================================== */

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash .banner_title {
	visibility: hidden;
	padding: 3px 0;
	margin-top: 10px;
	height: auto;
}

.sIFR-hasFlash .banner_caption {
	visibility: hidden;
	padding: 1px;
	height: auto;
	margin-top: 8px;
}

.sIFR-hasFlash .tour_headline {
	visibility: hidden;
}

.sIFR-hasFlash h2 {
	visibility: hidden;
}


.rollover a {
   display: block;
   text-indent: -9999px;
   margin: auto auto auto auto;
   cursor: pointer;
   outline: transparent solid 0px;
}

#taketourButtonIDHereGreenBack a{
   height: 35px;
   width: 120px;
   background: url('takethetour_0_GreenBack.png') no-repeat left top;
   
}

#taketourButtonIDHereGreenBack a:hover{
   
   height: 35px;
   width: 120px;
   background: url('takethetour_1_GreenBack.png') no-repeat left top;
   
}

#signupButtonIDHere a{
   height: 35px;
   width: 120px;
   background: url('signupnow_0.png') no-repeat left top;
   

}
#signupButtonIDHere a:hover{

   height: 35px;
   width: 120px;
   background: url('signupnow_1.png') no-repeat left top;
   
}

#signupButtonIDHereGreenBack a{
   height: 35px;
   width: 120px;
   background: url('signupnow_0_GreenBack.png') no-repeat left top;


}
#signupButtonIDHereGreenBack a:hover{

   height: 35px;
   width: 120px;
   background: url('signupnow_1_GreenBack.png') no-repeat left top;

}

table.padded-table td  {

    border-color: #600;
    border-width: 1px 1px 1px 1px ;
    border-style: solid;
    margin: 0;
    padding: 4px;
    background-color: #FFC;

}

table.padded-table th  {

    border-color: #600;
    border-width: 1px 1px 1px 1px ;
    border-style: solid;
    margin: 0;
    padding: 4px;
    background-color: #FFC;

}

table.tan-table td  {

    border-color: #600;
    border-width: 1px 1px 1px 1px ;
    border-style: solid;
    margin: 0;
    padding: 4px;
    background-color: #fffbe1;

}

table.tan-table th  {

    border-color: #600;
    border-width: 1px 1px 1px 1px ;
    border-style: solid;
    margin: 0;
    padding: 4px;
    background-color: #fffbe1;

}


/* ===========================================
	MIGRATIONS
============================================== */


/*
 * 		8. FLOATS AND ALIGNMENT
 * ============================================================
 */

.nofloat 		{ float: none; 		}
.float_left 	{ float: left; 		}
.float_right 	{ float: right;		}
.ta_center 	{ text-align: center; 	}
.ta_right 	{ text-align: right; 	}
.clearb 	{ clear: both; }

/* ===========================================
	FROM styles2.css
============================================== */


.purchase_container {
	text-align: left;
	width: 760px;
	margin: 0 auto;
	padding: 0 40px;
}

div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10,
div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19,
div.span-20, div.span-21, div.span-22, div.span-23, div.span-24, div.span-25, div.span-26, div.span-27, div.span-28,
div.span-29, div.span-30, div.span-31, div.span-32, div.span-33, div.span-34, div.span-35, div.span-36, div.span-37 {
  float: left;
/*  overflow: auto;*/
  min-height: 1px;
}

.span-1 { width: 20px; }
.span-2 { width: 40px; }
.span-3 { width: 60px; }
.span-4 { width: 80px; }
.span-5 { width: 100px; }
.span-6 { width: 120px; }
.span-7 { width: 140px; }
.span-8 { width: 160px; }
.span-9 { width: 180px; }
.span-10 { width: 200px; }
.span-11 { width: 220px; }
.span-12 { width: 240px; }
.span-13 { width: 260px; }
.span-14 { width: 280px; }
.span-15 { width: 300px; }
.span-16 { width: 320px; }
.span-17 { width: 340px; }
.span-18 { width: 360px; }
.span-19 { width: 380px; }
.span-20 { width: 400px; }
.span-21 { width: 420px; }
.span-22 { width: 440px; }
.span-23 { width: 460px; }
.span-24 { width: 480px; }
.span-25 { width: 500px; }
.span-26 { width: 520px; }
.span-27 { width: 540px; }
.span-28 { width: 560px; }
.span-29 { width: 580px; }
.span-30 { width: 600px; }
.span-31 { width: 620px; }
.span-32 { width: 640px; }
.span-33 { width: 660px; }
.span-34 { width: 680px; }
.span-35 { width: 700px; }
.span-36 { width: 720px; }
.span-37 { width: 740px; }
.span-38 { width: 760px; }

.clBoth, .clearb {
	clear: both;
}

.edit-paragraph {
	width: 550px;
	margin: -9px 0 27px 34px;
}
.edit-section-header {
	background-color: #e8e8e8;
	color: #474747;
	border: solid 1px #dddddd;
	margin-bottom: 36px;
	line-height: 26px;
	padding: 0 34px;
	font-size: 16px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	clear: both;
	text-shadow: 1px 1px 0px #ffffff;
}
.edit-section-header.icon-contact {background: #e8e8e8 }
.edit-section-header.icon-login { background: #e8e8e8 }
.edit-section-header.icon-organization { background: #e8e8e8 }
.edit-section-header.icon-billing { background: #e8e8e8 }
.edit-section-header.icon-assign { background: #e8e8e8 }
.edit-section-header.icon-task { background: #e8e8e8 }
.edit-section-header.icon-item { background: #e8e8e8 }
.edit-section-header.icon-inventory { background: #e8e8e8 }
.edit-section-header.icon-team { background: #e8e8e8 }
.edit-section-header.icon-project { background: #e8e8e8 }
.edit-section-header.icon-staff { background: #e8e8e8 }
.edit-section-header.icon-department { background: #e8e8e8 }
.edit-section-header.icon-ticket { background: #e8e8e8 }
.edit-section-header.icon-reply { background: #e8e8e8 }
.edit-section-header.icon-internal { background: #e8e8e8 }
.edit-section-header.icon-folder { background: #e8e8e8 }
.edit-section-header.icon-newfile { background: #e8e8e8 }
.edit-section-header.icon-payment { background: #e8e8e8 }
.edit-section-header.icon-tick { background: #e8e8e8 }
.edit-end {
	height: 22px;
	clear: both;
}

.fs_11 {
	font-size: 11px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	line-height: 1.4em;
}

.fs_18 {
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 21px;
}

/*
 * 		2. TYPOGRAPHY
 * ============================================================
 */

p {
	margin: 0 0 1.2em 0;
	padding: 0;
}

/* text that display below forms */
.example {

	color: #888;
	font-size: 11px;
	line-height: 14px;
	margin-top: 4px;
}
.bg_blue .example {
	color: #555f69;
}
small {	font-size: 11px; }


/*
 * 		3. TYPOGRAPHY (OVERRIDES)
 * ============================================================
 */

.italics { font-style:  italic !important; }
.bold    { font-weight: bold !important;   }
.nobold { font-weight: normal !important;}


/*
 * 		16. FORMS
 * ============================================================
 */

 /* layouts */
.form-layout-left {
	text-align: right;
	padding-bottom: 14px;
	padding-right: 20px;
}
.form-layout-left label, .form-layout label {
	font-weight: bold;
}
.form-layout-right {
	text-align: left;
	padding-bottom: 14px;
}
.form-spacer {
	padding-bottom: 18px;
}


/* labels */
label {
	line-height: 18px;
}
label.no-pointer {
	cursor: default;
}
ul.permissions label {
	line-height: 22px;
}



.spinner a { display: none !important; }


/* symbol that appears inside input boxes */
.input-symbol {
	color: #7c7c7c !important;
	position: absolute;
	margin-top: 2px;
	/* IE 6 styles */
}
.input-symbol-parent {
	padding-right: 17px;
	margin-right: -17px;
}
input.input-symbol-parent:focus + .input-symbol {
	color: #724000 !important;
}


/* forms */
select, input, textarea {
	font-family: Verdana, sans-serif;
	font-size: 12px;
	line-height: normal;
	padding: 3px;
	margin: 0px;
}
select {
	padding: 2px;
}
input[type="text"], input[type="password"], textarea, select {
	border-top: solid 1px #abadb3;
	border-right: solid 1px #dbdfe6;
	border-bottom: solid 1px #e3e9ef;
	border-left: solid 1px #e2e3ea;
}
input[type="text"]:hover, input[type="password"]:hover, textarea:hover, select:hover {
	border-top: solid 1px #5794bf;
	border-right: solid 1px #b7d5ea;
	border-bottom: solid 1px #c7e2f1;
	border-left: solid 1px #c5daed;
}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
	background-color: #fff8d5;
	border: solid 1px #ebb95b;
	outline: solid 1px #fad896;
	color: #000000;
}
select:hover {
	cursor: pointer;
}
input[type="checkbox"] {
	vertical-align: middle;
	margin: 0 2px 2px 0;
	padding: 0;
	cursor: pointer;
}
input[disabled] {
	cursor: default;
}

input[readonly] {
	cursor: default;
}
input.readonly {
	background-color: #f0f0f0 !important;
	border-top: solid 1px #abadb3 !important;
	border-right: solid 1px #dbdfe6 !important;
	border-bottom: solid 1px #e3e9ef !important;
	border-left: solid 1px #e2e3ea !important;
	outline: none !important;
}



.prepend-1 { padding-left: 20px; }
.prepend-2 { padding-left: 40px; }
.prepend-3 { padding-left: 60px; }
.prepend-4 { padding-left: 80px; }
.prepend-5 { padding-left: 100px; }
.prepend-6 { padding-left: 120px; }
.prepend-7 { padding-left: 140px; }
.prepend-8 { padding-left: 160px; }
.prepend-9 { padding-left: 180px; }
.prepend-10 { padding-left: 200px; }
.prepend-11 { padding-left: 220px; }
.prepend-12 { padding-left: 240px; }
.prepend-13 { padding-left: 260px; }
.prepend-14 { padding-left: 280px; }
.prepend-15 { padding-left: 300px; }
.prepend-16 { padding-left: 320px; }
.prepend-17 { padding-left: 340px; }
.prepend-18 { padding-left: 360px; }
.prepend-19 { padding-left: 380px; }
.prepend-20 { padding-left: 400px; }

.prepend-top-half { padding-top: 9px;}
.prepend-top-1 { padding-top: 18px;}
.prepend-top-2 { padding-top: 36px;}
.prepend-top-3 { padding-top: 54px;}
.prepend-top-4 { padding-top: 72px;}
.prepend-top-5 { padding-top: 90px;}


.append-half { padding-right: 10px; }
.append-1 { padding-right: 20px; }
.append-2 { padding-right: 40px; }
.append-3 { padding-right: 60px; }
.append-4 { padding-right: 80px; }
.append-5 { padding-right: 100px; }
.append-6 { padding-right: 120px; }
.append-7 { padding-right: 140px; }
.append-8 { padding-right: 160px; }
.append-9 { padding-right: 180px; }
.append-10 { padding-right: 200px; }
.append-11 { padding-right: 220px; }
.append-12 { padding-right: 240px; }
.append-13 { padding-right: 260px; }
.append-14 { padding-right: 280px; }
.append-15 { padding-right: 300px; }
.append-16 { padding-right: 320px; }
.append-17 { padding-right: 340px; }
.append-18 { padding-right: 360px; }
.append-19 { padding-right: 380px; }
.append-20 { padding-right: 400px; }

.append-bottom-half { padding-bottom: 9px;}
.append-bottom-1 { padding-bottom: 18px;}
.append-bottom-2 { padding-bottom: 36px;}
.append-bottom-3 { padding-bottom: 54px;}
.append-bottom-4 { padding-bottom: 72px;}
.append-bottom-5 { padding-bottom: 90px;}

/* ===========================================
	FROM styles_detail.css
============================================== */



.totalBorder {
		border: 0;
		border-top: 1px solid #000000;
	}

	.upgradeDetailsL {
		border-right: 1px solid #e0d9a8;
		margin-right: 5px;
		float: left;
		width: 445px;
	}
	.upgradeDetailsR {
		color: #67655b;
		float: left;
		line-height: 17px;
	}
	.upgradeDetailsTitle {
		float: left;
		width: 210px;
		height: 50px;
		text-align: right;
		line-height: 22px;
		margin-right: 10px;
		padding-right: 25px;
	}
	.upgradeDetailsBig {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 28px;
		font-weight: bold;
		color: #c06800;
		line-height: 1em;
	}
	label {
		float: none;
		height: normal;
		text-align: left;
	}

/* ===========================================
	FROM styles_eo.css
============================================== */

/* text bar */
.bar {
	background-color: #FFFBE1;
	border-top: 2px solid #D6CE95;
	border-bottom: 2px solid #EFEBD5;
	text-align: center;
	margin: 0 0 20px 0;
	clear: both;
}

/* columns */
.leftCol{
	float: left;
	width: 490px;
	padding-right: 30px;
}
.rightCol {
	float: left;
	width: 215px;
	padding-left: 20px;
/*	border-left: 1px solid #DDD;*/
}
.midCol {
	float: left;
	width: 350px;
	padding-right: 30px;
}
.triCol {
	float: left;
	width: 223px;
	padding-right: 30px;
}
.triCol2 {
	float: left;
	width: 230px;
	padding-left: 30px;
}

/* footer */
#foot {
	font-size: 11px;
	background-color: #57d834;
	color: #FFF;
	text-align: center;
	border-top: 4px solid #2086C5;
	padding-top: 10px;
	clear: both;
	margin-top: 30px;
}
#foot a {
	color: #FFF;
	text-decoration: underline;
	padding: 1px 0;
}
#foot a:hover {
	background-color: #FFF;
	color: #3193DD;
}
#footer_bottom {
	background-color: #009900;
	line-height: 1.6em;
	padding: 20px 0;
}
#footer_bottom .footer_bottom_left {
	float: left;
	width: 130px;
}
#footer_bottom .footer_bottom_mid {
	float: left;
	width: 300px;
}
#footer_bottom .footer_bottom_right {
	float: right;
	width: 280px;
	text-align: right;
}
#footer_bottom .footer_bottom_right img{
	float: right;
	margin-left: 15px;
}

#in_the_news {
	background-image: url(bg.gif);
	width: 243px;
	height: 183px;
	overflow: hidden;
}
#in_the_news a {
}
#in_the_news a:hover {
	background-color: transparent;
}
#in_the_news img {
	width: 243px;
	height: 183px;
	border: 0;
}

.bigLink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	line-height: 22px;
}

/* check mark list item */
ul.check {
	margin-left: 10px;
}
ul.check li {
	background-image: url(bullet2.gif);
	background-repeat: no-repeat;
	background-position: 0 3px;
	padding-left: 25px;
	list-style: none;
}

/* highlighted text */
.hl {
	background-color: #E1F4A8;
	color: #000;
	padding: 1px 1px;
}

.boxBlue {
	background-color: #E7FFCC;
	padding: 15px;
}

.req {
	font-weight: bold;
	color: #FF0000;
}

/* form styles */
form {
	margin: 0;
}
label {
	float: left;
	font-weight: bold;
	height: 32px;
	line-height: 32px;
	text-align: right;
	padding-right: 5px;
	margin-bottom: 5px;
}
input, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 5px;
}
textarea {
	margin-top: 1px;
}
fieldset {
	background-color: #FFFFCC;
	border: 1px solid #0D83DD;
	border-top: 3px solid #0D83DD;
	display: block;
	position: relative;
	width: 480px;
	padding-left: 10px;
}
legend {
	background-color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	color: #000;
	border: 1px solid #0D83DD;
	border-top: 3px solid #0D83DD;
	padding: 5px 10px;
	position: relative;
	top: -13px;
}
.req {
	font-weight: bold;
	color: #FF0000;
}
.errField {
	border: 1px solid #FF0000;
	background-color: #FFF4F4;
}

/* contact form styles */
#contactForm label {
	width: 140px;
}
#contactForm br {
	clear: both;
}
#contactForm input {
	vertical-align:	middle;
}
#contactForm textarea {
	vertical-align:	top;
	width: 260px;
	height: 100px;
}

/* ===========================================
	SIDEBAR-BOX
============================================== */
.sidebar-box {
	margin-bottom: 15px;
}
.sidebar-box .top {
	background: url("box-top.png") no-repeat;
	height: 9px;
	padding: 0 10px 0 15px;
	overflow: hidden;
}

.sidebar-box .body {
	background: url("box-bg.png") repeat-y;
	padding: 15px 17px 0 13px;
}

.sidebar-box .bottom {
	background: url("box-bottom.png") no-repeat;
	height: 20px;
	padding: 0 10px 0 15px;
}

.text {
	font-family: Arial;
	color: #000000;
	font-size: 11px;
}


/* Data Tables */
table.dataList {
  border: #55825F 1px solid;
  width: 100%;
  border-spacing: 0px;
  empty-cells: show;
  margin-bottom: 5px;
  font-size: 11px;
}
tr.listHeader, tr.listHeader td {
  background-color: #1A891E;
  color: #ffffff;
  font-weight: bold;
  padding: 5PX 7px 5px 7px;
  border-bottom: #55825F 1px solid;
  white-space: nowrap;
}
tr.listHeader a {
  color: #ffffff;
}
tr.tableRowOdd, tr.tableRowOdd td {
  background-color: #eeeeee;
  padding: 3px 7px 3px 7px;
  border-top: #cccccc 1px solid;
  vertical-align: top;
}
tr.tableRowEven, tr.tableRowEven td {
  background-color: #ffffff;
  padding: 3px 7px 3px 7px;
  border-top: #cccccc 1px solid;
  vertical-align: top;
}
tr.tableRowSummary, tr.tableRowSummary td {
  background-color: #eeeeee;
  padding: 3px 7px 3px 7px;
  border-top: #55825F 1px solid;
  vertical-align: top;
  font-weight: bold;
}
tr.tableRowStale, tr.tableRowStale td {
  background-color: #eebbbb;
  padding: 3px 7px 3px 7px;
  border-top: #55825F 1px solid;
  vertical-align: top;
  font-weight: bold;
}