﻿/* Browser CSS Normalization */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0; padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{ content:''}abbr,acronym{border:0}textarea{font-family:arial}

@media print
{
    .printhide { display: none; }
    a.seo { border: none !important; }
}

.monospace { font-family: Lucida Console, Monaco, Monospace; }
.alignright { text-align: right; }
.hidden { display: none; }
.center { text-align: center; }
.colortext { color: #F60; }

.gadisabled { color: #888; font-family: arial; font-size: 8pt; margin: 0; padding: 0; text-align: center; position: relative; }

/* Header, Navigation, Footer */
#page     { color: #222; font-family: Arial, Sans-Serif; font-size: 10pt; margin-left: auto; margin-right: auto; width: 800px; }

#header   { margin: 20px 0 5px 0; width: 100%; }
#footer   { background: url(../img/bg_navbar.png) repeat-x 0px -10px; border: solid 1px #ddd; clear: both; float: left; font-size: 0.9em; margin: 20px 0 0 0; width: 100%; }
#footpad  { margin: 0 0 10px 0; width: 100%; clear: both; }

#logo         { float: left; }
#logo a       { border: 0; outline: 0; display: inline-block; }
#logo a:hover { background: #fff; }
#printlogo    { display: none; }

#headerright    { float: right; display: inline-block; background: #f00; }

#phone     { float: right; padding: 0 0 0 18px; margin-top:10px; color: #888; font-family: sans-serif; font-size: 16px; position: relative; top: 20px; left: -30px; background: url(../img/ico_phone.gif) no-repeat 0 0px; }
#phone b   { color: #555; }

#login          { float: right; position: relative; text-align: right; top: 12px; }
#btnlogin       { background: url(../img/btn_login.gif) no-repeat 0px   0px; display: block; height: 32px; width: 104px; text-align: left; text-indent: -3000px; z-index: 1000; outline: 0; }
#btnlogin:hover { background: url(../img/btn_login.gif) no-repeat 0px -32px; display: block; height: 32px; width: 104px; }

#nav               { background: url(../img/bg_navbar.png) repeat-x 0px 0px; border: solid 1px #ccc; clear: both; font-family: Arial, Sans-Serif; }
#nav ul            { margin: 0; padding: 0; }
#nav ul li         { margin: 0; padding: 0; float: left; position:relative; }
#nav ul li ul      { position:absolute; width:200px; border:1px solid #aaa; background-color:#fff; z-index:1200; display:none; box-shadow: 0 2px 3px rgba(0,0,0, .35); -webkit-box-shadow: 0 2px 3px rgba(0,0,0, .35); -moz-box-shadow: 0 2px 3px rgba(0,0,0, .35); }
#nav ul li ul li   { display: block; clear: both;width: 100%; border-top: solid 1px #ccc; }
#nav ul li ul li:first-child   { border-top: none; }
#nav ul li ul li a { display: block; }
#nav ul li:hover > ul { display:block; }
#nav ul li:hover   { color: #000; background: url(../img/bg_navbar.png); text-shadow: #eee 1px 1px 2px; }
#nav ul li a       { color: #444; display: inline-block; margin: 0; padding: 0.5em 0.75em 0.5em 0.75em; text-decoration: none; text-shadow: #fff 1px 1px 2px; outline: none; }
#nav ul li a:hover { color: #000; background: url(../img/bg_navbar.png) repeat 0px -50px; text-shadow: #eee 1px 1px 2px; }
.navshadow         { clear: both; background: url(../img/shadow_navbar.png) no-repeat center; height: 9px; width: 800px; }

#nav_sign a b      { display: inline-block; background: url(../img/green_next.png) no-repeat left 2px; font-weight: normal; padding-left: 24px; width: 75px; cursor: pointer; }

#nav .mainlink     { font-size: 14pt; }


#footnav          {  }
#footnav ul            { margin: 0; padding: 0; }
#footnav ul li         { display: inline; margin: 0; padding: 0; }
#footnav ul li a       { color: #555; display: inline-block; margin: 0; padding: 0.5em 1.0em 0.5em 1.0em; text-decoration: none; }
#footnav ul li a:hover { color: #000; background: url(../img/bg_navbar.png) repeat-x 0px -50px; }

/* Links */
a         { color: #06f; text-decoration: none; }
a:visited { color: #03a; }
a:hover   { background: transparent; text-decoration: none;}
a.noborder:hover { border: 0; background: transparent !important; }

a.download { background: url(/img/btn_download.gif); width: 126px; height: 33px; display: inline-block; text-indent: -5000px; outline: none; }

a[name] { color: #000; }
a[name]:hover { background: #fff; color: #000; text-decoration: none; }

a.nohover { background: transparent; }

/* LINK SEO */
a.seo       { color: #000; border-bottom: dotted 1px #ccc; }
a.seo:hover { color: #06f; border-bottom: solid 1px #06f; background: transparent; text-decoration: none; }

.boxshadow  { -webkit-box-shadow: 0 1px 3px rgba(0,0,0, .1); -moz-box-shadow: 0 1px 3px rgba(0,0,0, .1); }

/* New CSS3 Rounded Corners*/
.overflowhidden { overflow: hidden; }
.roundedcss5  { border: solid 1px #ccc; -moz-border-radius: 5px; border-radius: 5px; }
.roundedcss10 { border: solid 1px #ccc; -moz-border-radius: 5px; border-radius: 5px; }

.pad0  { padding:    0; }
.pad10 { padding: 10px; }
.pad20 { padding: 20px; }
.pad25 { padding: 25px; }

/* Rounded corners */
.rounded { position: relative; width: 100%; border: solid 1px #ccc; }
.rounded .corner  { position: absolute; width: 10px; height: 10px; background: url('../img/corners.gif') no-repeat; font-size: 0%; }
.rounded .c1 { background-position:   0px   0px; top: -1px;    left : -1px; }
.rounded .c2 { background-position: -10px   0px; top: -1px;    right: -1px; }
.rounded .c3 { background-position:   0px -10px; bottom: -1px; left : -1px; }
.rounded .c4 { background-position: -10px -10px; bottom: -1px; right: -1px; }

.rounded2 { position: relative; width: 100%; border: solid 1px #fff; }
.rounded2 .pad10 { padding: 10px; }
.rounded2 .pad20 { padding: 20px; }
.rounded2 .pad25 { padding: 25px; }
.rounded2 .corner  { position: absolute; width: 10px; height: 10px; background: url('../img/corners_noborder_white.png') no-repeat; font-size: 0%; }
.rounded2 .c1 { background-position:   0px   0px; top: -1px;    left : -1px; }
.rounded2 .c2 { background-position: -10px   0px; top: -1px;    right: -1px; }
.rounded2 .c3 { background-position:   0px -10px; bottom: -1px; left : -1px; }
.rounded2 .c4 { background-position: -10px -10px; bottom: -1px; right: -1px; }


/* Notched Button */
.notchedbutton,     .notchedbutton:visited     { vertical-align: middle; display: inline-block; border: solid #fc0; border-width: 0 1px; text-decoration: none; color: #000; background: #fc0 url(../img/notched_button.gif) repeat-x 0px 0px; margin-bottom: 2px; position: relative; top: -1px; }
.notchedbutton b,   .notchedbutton:visited b   { display: block; position:relative; top: -1px; left: 0; border:solid #fc0; border-width:1px 0 0; font-weight:normal; }
.notchedbutton b b, .notchedbutton:visited b b { border-width:0 0 1px; top: 2px; text-align: center; padding: 2px 8px 3px 8px; font-size: 12pt; }

.notchedbutton:hover     { display: inline-block; border: solid #abd501; border-width: 0 1px; text-decoration: none; color: #000; background: #bfed01 url(../img/notched_button.gif) repeat-x 0px -200px; margin-bottom: 2px; }
.notchedbutton:hover b   { display: block; position:relative; top: -1px; left: 0; border:solid #abd501; border-width:1px 0 0; font-weight:normal; }
.notchedbutton:hover b b { border-width:0 0 1px; top: 2px; text-align: center; padding: 2px 8px 3px 8px;  font-size: 12pt; }

.notchedbutton:active     { display: inline-block; border: solid #555; border-width: 0 1px; text-decoration: none; color: #fff; background: #888 url(../img/notched_button.gif) repeat-x 0px -100px; margin-bottom: 2px; }
.notchedbutton:active b   { display: block; position:relative; top: -1px; left: 0; border:solid #555; border-width:1px 0 0; font-weight:normal; }
.notchedbutton:active b b { border-width:0 0 1px; top: 2px; text-align: center; padding: 2px 8px 3px 8px;  font-size: 12pt; }


/* Content page styling */

.sftp {
    color: #33CC00;
    display: inline-block;
    font-family: Lucida Sans,Arial;
    font-size: 9pt;
    margin: 10px 0 0 1em;
    position: relative;
    text-align: center;
    width: 210px;
}
.clearboth { clear: both; height: 0; width: 0; }

p { margin-bottom: 1.0em; }

.bige         { color: #3C0; }

.title        { color: #000; font-family: Arial, Sans-Serif; font-size: 24pt; font-weight: normal; padding: 40px 0 5px 0; }
.title2       { color: #000; font-family: Arial, Sans-Serif; font-size: 24pt; font-weight: normal; padding: 10px 0 5px 0; }
.subtitle     { color: #000; font-family: Arial, Sans-Serif; font-size: 14pt; font-weight: bold; padding: 7px 0 5px 0; }
.sectiontitle { color: #222; font-family: Arial, Sans-Serif; font-size: 12pt; font-weight: bold; padding: 7px 0 5px 0; }
.subtext      { font-size: 7pt; }


.content  { font-family: Arial, Times New Roman, Serif; font-size: 1.0em; line-height: 20px; text-align: justify; }
.intro    { font-size: 11pt; font-family: Calibri, Tahoma, Sans-Serif; padding: 25px; background: #f8f8f8; margin: 15px 0; line-height: 150%; border: solid 1px #ddd; -moz-border-radius: 5px; border-radius: 5px; }

.section    { border-top: dotted 2px #ddd; margin: 1.0em 0; padding: 1.0em 0; }
.section h3 { font-size: 1.5em; line-height: 125%; margin-bottom: 0.5em; }

.black { color: #000 !important; }
.white { color: #fff !important; }

.floatleft, .navleft  { float:  left; }
.floatright, .navright { float: right; }

.width50 { width: 50% }
.width40 { width: 40% }
.width60 { width: 60% }


.bullets    { list-style-type: disc; margin-left: 0.25em; margin-bottom: 15px; }
.bullets li { margin-left: 1.0em; }

.bullet_check { list-style-type: none; margin-bottom: 15px; }
.bullet_check li { background: url(../img/bullet_check.png) no-repeat 0 0.5em; padding: 4px 0 2px 1.5em; }

.bullet_plus { list-style-type: none; margin-bottom: 15px; }
.bullet_plus li { background: url(../img/bullet_plus.png) no-repeat 0 0.5em; padding: 4px 0 2px 1.5em; }

.bullet_numbers { list-style-type: decimal; margin: 0 0 20px 5px; margin-bottom: 15px;  }
.bullet_numbers li { margin-left: 1.5em;  margin-bottom: 1.0em; }


/* Breadcrumbs */

#breadcrumbs { margin-top: 16px; margin-bottom: 7px; font-size: 9pt; font-family: Verdana; }
#breadcrumbs > ul { list-style-type: none; }
#breadcrumbs > ul > li { display: inline; }
#breadcrumbs > ul > li + li { background: url(/img/arrow.gif) no-repeat left top; padding-left: 12px; }
#breadcrumbs > ul > li > a { font-size: 1.1em; }


.validationsummary       { color: #f30 !important; }
.validationsummary ul    { list-style-type: disc; margin-left: 0.25em; }
.validationsummary ul li { margin-left: 1.0em; line-height: 20px; }


/* Fixed Side Navigation Master Page */
#sidemain { float: right; width: 525px; min-height: 300px;  }
#sidenav  { float: right; width: 250px; min-height: 300px; position: relative; margin: 86px 0 0 25px;  -moz-border-radius: 5px; border-radius: 5px; }


/* Sliding Side Navigation Master Page */
#slidemain { float: right; width: 550px; min-height: 300px; }

#slidebox  { float: right; width: 250px; min-height: 300px; position: relative; margin: 86px 0 0 0; }
#slidenav  { width: 225px; padding: 0 0 0 25px; }
.ispinned  { position: absolute;  top: 0; }
.unpinned  { position: fixed;     top: 0; }

.linkbox          { border: solid 1px #ddd; padding: 0; margin: 10px 0 0 0; -moz-border-radius: 5px; border-radius: 5px; }
.linkbox > div    { }
.linkbox > div li { margin-bottom: 5px; }

.linkbox .titlebar    { display: block; margin: 0; padding: 10px 15px 5px 30px; background: #f8f8f8 url(/img/orange_right_small.gif) no-repeat 11px 11px; border-bottom: solid 1px #ddd; font-size: 12pt; font-weight: bold; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; }
.linksection { display: block; margin: 0; padding: 10px 15px; }


/* TOOL TIP */
.tooltip            { display: inline-block; position: relative; color: #6c0;}
.tooltip .tip       { display: none; z-index: 100; font-size: 9pt; color: #fff; position: absolute; top: 20px; left: -5px; background: #444; border: solid 2px #444; padding: 8px; text-decoration: none; -moz-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 2px 7px rgba(0,0,0, .75); -webkit-box-shadow: 0 2px 7px rgba(0,0,0, .75); box-shadow: 0 2px 7px rgba(0,0,0, .75); }
.tooltip:hover .tip { display: block; }
.tooltip .tiptail   { position: absolute; top: -12px; left: 20px; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 10px solid #444; }
.tip100             { min-width: 100px; }
.tip150             { min-width: 150px; }
.tip200             { min-width: 200px; }
.tip250             { min-width: 250px; }



/*Ftp Alternatives Page CSS down*/

#table { 
		width:800px;
		margin:auto;
		position:relative;
		border:1px solid #CCC;
	}
	#table .headTitle { 
		width:100%;
		height:35px;
		background-image:url(../img/top-bg.gif);
		font: 14px "Tahoma","Bitstream Vera Sans",Verdana,Helvetica,sans-serif;
		text-align:center;
		color:#FFF;
		font-weight:bold;
	}
#table .row1 { 
		float:left;
		border-right:1px solid #CCC;
		padding:10px 10px;
		width:379px;
		height:15px;
	}
	#table .row2 { 
		float:left;
		border-right:1px solid #CCC;
		padding:10px 10px;
		width:179px;
		height:12px;
	}
	#table .row3 { 
		float:left;
		padding:10px 10px;
		width:179px;
		height:12px;
	}
	.clearIt { 
		width:100%;
		height:0px;
		clear:both;
	}
	.tableContent { 
		color:#666;
	}
	#table .tableContent .row1 { 
		/*background-color:#FAFAFB;*/
		height:25px;
		padding-top:10px;
		border-bottom:1px solid #CCC;
	}
	#table .tableContent .row2 { 
		height:25px;
		border-bottom:1px solid #CCC;
	}
	#table .tableContent .row3 { 
		height:25px;
		border-bottom:1px solid #CCC;
	}
	.tableContent .row2:hover { 
	}
	#table .tableContent:hover {
		background-image:url(../img/grn-hov.gif);
		z-index:999 !important; 
	}
	#table .tableContent a {
		color: #06f !important;
	}

#table .tableContent a:visited { color: #03a !important; }

/*Featured Page*/
#featuredPage {
	width:100%;
	position:relative; 
} 
#featuredPage .sectio1 {
	float:left; 
	width:400px;
}
#featuredPage .sectio2 {
	float:right;
	width:350px; 
}
#featuredPage .sectioCotaier {
	margin-top:20px; 
}

#table .pRow1 { 
		float:left;
		border-right:1px solid #CCC;
		padding:10px 10px;
		width:379px;
		height:15px;
	}
	#table .pRow2 { 
		float:left;
		border-right:1px solid #CCC;
		padding:10px 10px;
		width:113px;
		height:12px;
	}
	#table .pRow3 {
		border-right:1px solid #CCCCCC; 
		float:left;
		padding:10px 10px;
		width:113px;
		height:12px;
	}
	#table .pRow4 { 
		float:left;
		padding:10px 10px;
		width:112px;
		height:12px;
	}

	#table .tableContent .pRow1 { 
		/*background-color:#FAFAFB;*/
		height:25px;
		padding-top:10px;
		border-bottom:1px solid #CCC;
	}
	#table .tableContent .pRow2 { 
		height:25px;
		border-bottom:1px solid #CCC;
	}
	#table .tableContent .pRow3 { 
		height:25px;
		border-bottom:1px solid #CCC;
	}
	#table .tableContent .pRow4 { 
		height:25px;
		border-bottom:1px solid #CCC;
	}
	#table .tableContent:hover {
		background-image:url(../img/grn-hov.gif);
		z-index:999 !important; 
	}
	#table .tableContent a {
		color: #06f !important;
	}

#table .tableContent a:visited { color: #03a !important; }

