/* CSSFILE.css */

/* ===== colorset ===== */
/* white>> [rgb(255,255,255)][hex(#ffffff)] */
/* black>> [rgb(0,0,0)][hex(#000000)] */

/* default links */
a:link {text-decoration: underline; color: 003399;}
a:visited {text-decoration: underline; color: 003399;}
a:active {text-decoration: underline; color: 003399;}
a:hover {text-decoration: none; color: 003399;}
/* White */
a.white:link {text-decoration: none; color: White;}
a.white:visited {text-decoration: none; color: White;}
a.white:active {text-decoration: none; color: White;}
a.white:hover {text-decoration: underline; color: White;}
/* Black */
a.black:link {text-decoration: none; color: Black;}
a.black:visited {text-decoration: none; color: Black;}
a.black:active {text-decoration: none; color: Black;}
a.black:hover {text-decoration: underline; color: Black;}
/* Blue */
a.blue:link {text-decoration: underline; color: 003399;}
a.blue:visited {text-decoration: underline; color: 003399;}
a.blue:active {text-decoration: underline; color: 003399;}
a.blue:hover {text-decoration: none; color: 003399;}
/* Red */
a.red:link {text-decoration: none; color: CC0000; font-size:11.0pt;}
a.red:visited {text-decoration: none; color: CC0000; font-size:11.0pt;}
a.red:active {text-decoration: none; color: CC0000; font-size:11.0pt;}
a.red:hover {text-decoration: underline; color: CC0000; font-size:11.0pt;}
/* Gray */
a.gray:link {text-decoration: none; color: 999999;}
a.gray:visited {text-decoration: none; color: 999999;}
a.gray:active {text-decoration: none; color: 999999;}
a.gray:hover {text-decoration: underline; color: 999999;}
/* Yellow */
a.yellow:link {text-decoration: none; color: yellow;}
a.yellow:visited {text-decoration: none; color: yellow;}
a.yellow:active {text-decoration: none; color: yellow;}
a.yellow:hover {text-decoration: underline; color: yellow;}
/* Mint */
a.mint:link {text-decoration: none; color: D1FFD1;}
a.mint:visited {text-decoration: none; color: D1FFD1;}
a.mint:active {text-decoration: none; color: D1FFD1;}
a.mint:hover {text-decoration: underline; color: D1FFD1;}
/* Navy */
a.navy:link {text-decoration: none; color: navy;}
a.navy:visited {text-decoration: none; color: navy;}
a.navy:active {text-decoration: none; color: navy;}
a.navy:hover {text-decoration: none; color: navy;}
/* Green */
a.green:link {text-decoration: none; color: green;}
a.green:visited {text-decoration: none; color: green;}
a.green:active {text-decoration: none; color: green;}
a.green:hover {text-decoration: none; color: green;}
/* Maroon */
a.maroon:link {text-decoration: none; color: maroon;}
a.maroon:visited {text-decoration: none; color: maroon;}
a.maroon:active {text-decoration: none; color: maroon;}
a.maroon:hover {text-decoration: none; color: maroon;}

body {
	background-color: #225A38;
	}



/* body styles */
body.body {
	scrollbar-3d-light-color: Navy;
	scrollbar-arrow-color: White;
	scrollbar-base-color: Navy;
	scrollbar-darkshadow-color: Navy;
	scrollbar-face-color: Navy;
	scrollbar-highlight-color: Navy;
	scrollbar-shadow-color: Navy;
	background-color: #225A38;
}

/* text styles */
p.MsoNormal, li.MsoNormal, div.MsoNormal
	{margin:0in;
	margin-bottom:.0001pt;
	font-size:12.0pt;
	font-family:"Times New Roman";}
@page Section1
	{size:8.5in 11.0in;
	margin:1.0in 1.25in 1.0in 1.25in;}
div.Section1
	{page:Section1;}
.MsoNormal {color: Black; font-family: arial; font-size: 10pt;}
.black7 {color: Black; font-family: arial; font-size: 7pt;}
.black8 {color: Black; font-family: arial; font-size: 8pt;}
.black9 {color: Black; font-family: arial; font-size: 9pt;}
.black10 {color: Black; font-family: arial; font-size: 10pt;}
.black11 {color: Black; font-family: arial; font-size: 11pt;}
.black12 {color: Black; font-family: arial; font-size: 12pt;}
.bblack9 {color: Black; font-family: arial; font-size: 9pt; font-weight: bold;}
.bblack10 {color: Black; font-family: arial; font-size: 10pt; font-weight: bold;}
.bblack11 {color: Black; font-family: arial; font-size: 11pt; font-weight: bold;}
.bblack12 {color: Black; font-family: arial; font-size: 12pt; font-weight: bold;}
.vblack7 {color: Black; font-family: verdana,arial; font-size: 7px;}
.vblack8 {color: Black; font-family: verdana,arial; font-size: 8px;}
.vblack9 {color: Black; font-family: verdana,arial; font-size: 9px;}
.vblack10 {color: Black; font-family: verdana,arial; font-size: 10px;}
.vgray10 {color: #999999; font-family: verdana,arial; font-size: 10px;}
.vblack10j {color: Black; font-family: verdana,arial; font-size: 10px; text-align: justify;}
.vblack11 {color: Black; font-family: verdana,arial; font-size: 12px;}
.vblack12 {color: Black; font-family: verdana,arial; font-size: 12px;}
.vblack13 {color: Black; font-family: verdana,arial; font-size: 13px;}
.vblack14 {color: Black; font-family: verdana,arial; font-size: 14px;}
.vorange10 {color: #D99529; font-family: verdana,arial; font-size: 10px;}
.vyellow14 {color: #B4682C; font-family: verdana,arial; font-size: 14px;}
.vbrown12 {color: #701B16; font-family: verdana,arial; font-size: 12px;}
.vbrown13 {color: #701B16; font-family: verdana,arial; font-size: 13px;}
.vred10 {color: #790510; font-family: verdana,arial; font-size: 10px;}
.vred11 {color: #790510; font-family: verdana,arial; font-size: 11px;}
.vred12 {color: #790510; font-family: verdana,arial; font-size: 12px;}
.vred13 {color: #790510; font-family: verdana,arial; font-size: 13px;}
.vred14 {color: #790510; font-family: verdana,arial; font-size: 14px;}
.vred20 {color: #790510; font-family: verdana,arial; font-size: 20px;}
.vgray11 {color: Gray; font-family: verdana,arial; font-size: 11px;}
.bvblack9 {color: Black; font-family: verdana,arial; font-size: 9pt; font-weight: bold;}
.bvblack10 {color: Black; font-family: verdana,arial; font-size: 10pt; font-weight: bold;}
.bvblack11 {color: Black; font-family: verdana,arial; font-size: 11pt; font-weight: bold;}
.bvblack12 {color: Black; font-family: verdana,arial; font-size: 12pt; font-weight: bold;}
.bvred12 {color: CC0000; font-family: verdana,arial; font-size: 12pt; font-weight: bold;}
.bvblue10 {color: 003399; font-family: verdana,arial; font-size: 10pt; font-weight: bold;}
.bvblue16 {color: 003399; font-family: verdana,arial; font-size: 16pt;}
.vwhite4 {color: White; font-family: verdana,arial; font-size: 4px;}
.vwhite8 {color: White; font-family: verdana,arial; font-size: 8px;}
.vwhite9 {color: White; font-family: verdana,arial; font-size: 9px;}
.vwhite10 {color: White; font-family: verdana,arial; font-size: 10px;}
.vwhite11 {color: White; font-family: verdana,arial; font-size: 11px;}
.vwhite12 {color: White; font-family: verdana,arial; font-size: 12px;}
.vwhite18 {color: White; font-family: verdana,arial; font-size: 18px;}
.white8 {color: White; font-family: arial; font-size: 8pt;}
.white9 {color: White; font-family: arial; font-size: 9pt;}
.white10 {color: White; font-family: arial; font-size: 10pt;}
.white11 {color: White; font-family: arial; font-size: 11pt;}
.white12 {color: White; font-family: arial; font-size: 12pt;}
.white13 {color: White; font-family: arial; font-size: 13pt;}
.white14 {color: White; font-family: arial; font-size: 14pt;}
.bvred12 {color: cc0000; font-family: verdana,arial; font-size: 12pt; font-weight: bold;}
.bvblue10 {color: 003399; font-family: verdana,arial; font-size: 10pt; font-weight: bold;}
.system {color: Black; font-family: system, arial, verdana;}
.Spacer {color: White; font-family: Verdana; font-size: 5px;}
.maroon12 {color: Maroon; font-family: arial; font-size: 12pt;}
.bmaroon12 {color: Maroon; font-family: arial; font-size: 12pt; font-weight: bold;}
.bvnavy8 {color: Navy; font-family: verdana,arial; font-size: 8pt; font-weight: bold;}
.bvblue10 {color: Blue; font-family: verdana,arial; font-size: 10pt; font-weight: bold;}

.Hint {color: #666666; font-family: verdana,arial; font-size: 10px;}
.RecordTitle {color: Black; font-family: Verdana, Arial; font-size: 14px;}
.SuperTitle {color: Black; font-family: Verdana, Arial; font-size: 18px;}
.Spacer {color: White; font-family: Arial, Verdana; font-size: 5px;}
.SectionTitle {color: #DD4D2D; font-family: Verdana, Arial; font-size: 19px;}
.Subtitle {color: #666666; font-family: Verdana, Arial; font-size: 16px;}
.System {color: Black; font-family: System, Arial, Verdana;}
.RecordBg {border: #C2C2C2 1px Solid; color: #000000; font-family: Verdana, Arial; font-size: 12px; font-weight: bold;}
.RecordBgBottom {border-top: #C2C2C2 1px Solid; border-left: #C2C2C2 1px Solid; border-right: #C2C2C2 1px Solid; color: #701B16; font-family: Verdana, Arial; font-size: 11px; font-weight: bold;}
.RecordBgTop {border-bottom: #C2C2C2 1px Solid; border-left: #C2C2C2 1px Solid; border-right: #C2C2C2 1px Solid; color: #701B16; font-family: Verdana, Arial; font-size: 11px; font-weight: bold;}
.RecordBgText {border: #C2C2C2 1px Solid; color: #000000; font-family: Verdana, Arial; font-size: 10px;}
.RecordButton {border: #C2C2C2 1px Solid; color: #701B16; font-family: Verdana, Arial; font-size: 9px;}
.RecordButton_Disabled {border: #C2C2C2 1px Solid; color: Gray; font-family: Verdana, Arial; font-size: 9px;}
.RecordButtonBottom {border-top: #C2C2C2 1px Solid; border-left: #C2C2C2 1px Solid; border-right: #C2C2C2 1px Solid; color: #701B16; font-family: Verdana, Arial; font-size: 9px;}
.RecordButtonBottom_Disabled {border-top: #C2C2C2 1px Solid; border-left: #C2C2C2 1px Solid; border-right: #C2C2C2 1px Solid; color: Gray; font-family: Verdana, Arial; font-size: 9px;}
.RecordButtonTop {border-bottom: #C2C2C2 1px Solid; border-left: #C2C2C2 1px Solid; border-right: #C2C2C2 1px Solid; color: #701B16; font-family: Verdana, Arial; font-size: 9px;}
.RecordButtonTop_disabled {border-bottom: #C2C2C2 1px Solid; border-left: #C2C2C2 1px Solid; border-right: #C2C2C2 1px Solid; color: Gray; font-family: Verdana, Arial; font-size: 9px;}

#bold {font-weight: bold;}
#italic {font-style: italic;}
#bolditalic {font-style: italic; font-weight: bold;}

/* buttons */
input.button {background-color: White; border: #7F9DB9 1px solid; color: Black; font-family: verdana; font-size: 10px;}
/* inputs */
input.checkbox {height: 9pt;}
input.text {background-color: White; border: #CCCCCC 1px solid; color: #192346; font-family: verdana; font-size: 10px; width: 100%;}
input.text1 {background-color: White; border: #CCCCCC 1px solid; color: #192346; font-family: verdana; font-size: 10px; width: 100%;}
/* textareas */
textarea.textarea {background-color: White; border: #7F9DB9 1px solid; color: #000000; font-family: verdana; font-size: 10px; height: 85; scrollbar-3dlight-color: #7F9DB9; scrollbar-arrow-color: White; scrollbar-base-color: #FFFFFF; scrollbar-darkshadow-color: #C2C2C2; scrollbar-face-color: #7F9DB9; scrollbar-highlight-color: #FFFFFF; scrollbar-shadow-color: #7F9DB9; width: 100%;}
/* selects */
select.select {background-color: White; border: Black 1px solid; color: #192346; font-family: verdana; font-size: 10px; scrollbar-3dlight-color: #192346; scrollbar-arrow-color: White; scrollbar-base-color: #192346; scrollbar-darkshadow-color: #192346; scrollbar-face-color: #192346; scrollbar-highlight-color: #192346; scrollbar-shadow-color: #192346; width: 100%;}
select.select1 {background-color: White; border: Black 1px solid; color: #192346; font-family: verdana; font-size: 10px; scrollbar-3dlight-color: #192346; scrollbar-arrow-color: White; scrollbar-base-color: #192346; scrollbar-darkshadow-color: #192346; scrollbar-face-color: #192346; scrollbar-highlight-color: #192346; scrollbar-shadow-color: #192346; width: 75%; height: 9;}

table.leftnav {border:1px double black}
table.main {border:1px double black}
/* = cols = */
.col-1, .col-2, .col-3, .col-3-5, .col-4, .col-4-5, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {margin-right:35px; float:left;}
.col-12 { margin-right:0px;}

.col-12 {width:925px;}
.col-11 {width:845px;}
.col-10 {width:765px;}
.col-9 {width:685px;}
.col-8 { width:605px;}
.col-7 {width:525px;}
.col-6 {width:445px;}
.col-5 {width:365px;}
.col-4-5 {width:325px;}
.col-4 {width:285px;}
.col-3-5 {width: 245px;}
.col-3 {width:205px;}
.col-2 {width:125px;}
.col-1 {width:45px;}  
  
.last {margin-right:0 !important;}

.margin-bottom {margin-bottom:30px; }
.grey-border { border-bottom:1px solid #ddd; padding-bottom:30px;}

.l { text-align: left; }
.r { text-align: right; }
.left{float:left;}
.right{float:right;}
.clear {clear:both;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden; }

hr {color:#d9d9d9; background:#d9d9d9;border:0px; height:1px;margin-bottom:25px;clear:both;}
.screenshot {  margin-bottom:25px}

/* = Main = */
.content { width:925px; margin: 0 auto; display: block; padding:0 20px; }


/* = Price Table = */
table#price-chart { padding:0; margin:0 0 25px 0; border-collapse:collapse; }
table#price-chart th img { margin-top:160px;} /* sign up button */

table#price-chart th.heading { width: 135px ;}
table#price-chart th.basic { background:url('Images/basic.jpg') no-repeat; 
width:154px; height:208px; }
table#price-chart th.professional { background:url('Images/professional.bmp') no-repeat; 
width:154px; height:208px; }
table#price-chart th.business { background:url('Images/business-2.jpg') no-repeat; 
width:170px; height:208px; }
table#price-chart th.enterprise { background:url('Images/enterprise-2.bmp') no-repeat; 
width:154px; height:208px; }
table#price-chart th.premier { background:url('Images/enterprise-2.bmp') no-repeat; 
width:154px; height:208px; }

table#price-chart th,table#price-chart td  { border-right: 1px solid #FFF; text-align:center;  }
table#price-chart td{ padding:10px;}

table#price-chart .even td { background: #e6e6e6;}

table#price-chart .odd .table-col-0 { background: #FFFFFF;}
table#price-chart .odd .table-col-1 { background: #d8ebd3 url('Images/col2-odd.gif') repeat-y top right;  }
table#price-chart .odd .table-col-2 { background: #d3e7de; }
table#price-chart .odd .table-col-3 { background: #d4e7df url('Images/col4-odd.gif') repeat-y top left;  }
table#price-chart .odd .table-col-4 { background: #daeefb;}

table#price-chart .even .table-col-0 { background: #FFFFFF; }
table#price-chart .even .table-col-1 { background: #b1d7a7 url('Images/col2-even.bmp') repeat-y top right; }
table#price-chart .even .table-col-2 { background: #a7cfbd; }
table#price-chart .even .table-col-3 { background: #a9cdd9 url('Images/col4-even.bmp') repeat-y top left;  }
table#price-chart .even .table-col-4 { background: #b5ddf7; }