BODY {
    background-color: #ffffff;
    color: #666666;
    font-family: Verdana, Arial, sans-serif;
    font-size: 11px;
    margin: 0;
    padding: 0;
    text-align: left;
}

img {
    border: none;
}

/*---------------------------------------------------------------------------------------------*/

#top {
    height: 75px;
}
#top-logo {
    width: 300px;
    margin-top: 10px;
    float: left;
    text-align: left;
}
#top-right {
    float: right;
    text-align: left;
    margin-top: 15px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
}
* html #top-right {
    margin: 7px 0 0 0;
}

#top-menu {
    background-image: url(images/mnu-main-bg.jpg);
    margin-bottom: 7px;
    padding: 0;
    height: 37px;
}
#top-menu-center {
    margin: 0 auto;
    padding: 0;
    height: 37px;
    float: left;
}

#top-menu-left {
    float: left;
    background-image: url(images/mnu_left.jpg);
    background-position: top right;
    background-repeat: no-repeat;
    width: 43px;
    height: 37px;
}
#top-menu-right {
    float: left;
    background-image: url(images/mnu_right.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    width: 40px;
    height: 37px;
}
#main-body {
    width: 100%;
    margin: 0 0 0 0;
    padding: 0;
}
#body-inside {
    border: #E5E5E5 solid 7px;
    float: left;
    width: 922px;
    margin: 0;
    padding: 7px;
}

#bordered1 {
    border: #EDEDED solid 7px;
    float: left;
    margin-right: 6px;
}

* html #bordered1 {
    margin-right: 3px;
}

#bordered2 {
    border: #EDEDED solid 7px;
    float: left;
}
#bordered3 {
    border: #E5E5E5 solid 7px;
    float: left;
    width: 695px;
    margin-top: 7px;
    padding: 15px 15px 0 15px;
}
#body-content4 {
    float: right;
    width: 199px;
    margin-top: 7px;
}
#rclient, #rclient A:LINK, #rclient A:VISITED, #rclient A:ACTIVE {
    background-color: #CECECE;
    height: 15px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    padding-left: 10px;
    padding-top: 3px;
    color: #333333;
    vertical-align: middle;
    text-decoration: none;
}
#rclient A:HOVER {
    color: #0066CC;
    text-decoration: underline;
}

#rclient-sep {
    background-color: #DDDDDD;
    height: 7px;
}
#rclient-footer {
    background-image: url(images/bottom-bg.jpg);
    height: 7px;
}
#news-content {
    margin: 0;
    padding: 12px 7px 0 7px;
    background-color: #DDDDDD;
}
#news-content-footer {
    margin: 0;
    padding: 5px 7px 5px 0;
    background-color: #DDDDDD;
    text-align: right;
}

#box-red-border {
    border: #daa3a2 SOLID 1px;
    background-image: url(images/bg-shade1.jpg);
    background-repeat: repeat-y;
    background-color: #F7F7F7;
    padding: 5px 5px 5px 5px;
}
#box-gray-border {
    border: #CECECE SOLID 1px;
    background-image: url(images/bg-shade1.jpg);
    background-repeat: repeat-y;
    background-color: #F7F7F7;
    padding: 5px 5px 5px 5px;
}
#boxL-gray-border {
    border-left: #CECECE SOLID 1px;
    border-right: #CECECE SOLID 1px;
    border-bottom: #CECECE SOLID 1px;
    background-image: url(images/bg-shade3.jpg);
    background-repeat: repeat-y;
    background-position: right;
    background-color: #F7F7F7;
    padding: 5px 5px 5px 5px;
}

#footer {
    height: 30px;
    margin-top: 7px;
    background-color: #DDDDDD;
    padding: 9px;
    text-align: center;
}

/* This is for IE6 compatibility 

* html #footer {
	margin-top:3px;
}*/

#footer ul {
    margin: 0;
    padding: 0;
}
#footer li {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 10px;
    color: #666666;
    display: inline;
    vertical-align: top;
}

/* this is used for the popup DIV in portfolio HTML 
Nayt: you may not need this in the actual website, you may have your own way of doing it  */

#ind-layer {
    position: absolute;
    display: block;
    border: #cccccc 1px solid;
    background-color: #FFFFFF;
    width: 510px;
    height: 225px;
    left: 225px;
    top: 160px;
    overflow: visible;
    visibility: hidden;
    z-index: 10;
}

#ind-list {
    background-color: #FFFFFF;
    width: 921px;
    left: 49px;
    top: 429px;
    overflow: inherit;
}
/* this is used for the popup DIV in portfolio HTML 
Nayt: you may not need this in the actual website, you may have your own way of doing it  */


/* This will used for change background on mouse over */

#sectionLinks {
    margin: 0px;
    padding: 0px;
    color: #FFFFFF;
}
#sectionLinks a:link, #sectionLinks a:visited {
    height: 20px;
    width: 185px;
    display: block;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-align: left;
    vertical-align: middle;
    background-image: url(images/sidenav-off.jpg);
    background-repeat: no-repeat;
    background-position: center;
    font-weight: bold;
    text-decoration: none;
    color: #FFFFFF;
    padding-top: 8px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 13px;
    margin-bottom: 3px;
}

#sectionLinks a:hover {
    background-image: url(images/SideNav-Rollover.jpg);
    background-repeat: no-repeat;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    color: #FFFFFF;
}

#TestimonialsBox {
    margin: 0 auto;
    background-image: url(images/t2.jpg);
    background-repeat: repeat-y;
    margin-left: 30px;
    width: 534px;
    margin-top: 20px;
}
#TestimonialsTop {
    margin: 0 auto;
    background-image: url(images/t1.jpg);
    width: 494px;
    padding: 30px 20px 20px 20px;
    background-repeat: no-repeat;
}
#TestimonialsBottom {
    margin: 0 auto;
    background-image: url(images/t3.jpg);
    background-repeat: no-repeat;
    width: 534px;
    height: 8px;
}


/* styles and fonts used */

.main-body-font {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #666666;
}

.title1 {
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 15px;
    color: #0070be;
}

.tiny-text {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 10px;
    color: #666666;
}
.tiny-textB {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 10px;
    color: #666666;
}
.small-text {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 10px;
    color: #666666;
}
.small-textB {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 10px;
    color: #666666;
}
.regular-text {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 11px;
    color: #666666;
}
.regular-textB {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 11px;
    color: #666666;
}
.large-text {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 12px;
    color: #666666;
}
.large-textB {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 12px;
    color: #666666;
}
.tiny-text-light {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 10px;
    color: #0066CC;
}
.tiny-text-lightB {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 10px;
    color: #0066CC;
}
.small-text-light {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 10px;
    color: #0066CC;
}
.small-text-lightB {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 10px;
    color: #0066CC;
}
.regular-text-light {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 11px;
    color: #0070be;
}
.regular-text-lightB {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 11px;
    color: #0070be;
}
.large-text-light {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 12px;
    color: #0066CC;
}
.large-text-lightB {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 12px;
    color: #0070be;
}

/* form controls */

.BLD {
    font-weight: bold;
}

.list1 li {
    list-style-image: url(images/bullet2.gif);
    margin-left: 0px;
    line-height: 18px;
    vertical-align: middle;
}
.list2 li {
    list-style-image: url(images/bullet3.gif);
    margin-left: 0px;
    line-height: 15px;
    vertical-align: middle;
}
.list3 li {
    list-style-image: url(/images/spacer.gif);
    margin-left: 0px;
    line-height: 15px;
    vertical-align: middle;
}

.row1 {
    background-image: url(images/client-list-Bar.jpg);
    background-repeat: repeat-x;
    background-position: bottom;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 11px;
    color: #666666;
}

A, Visited, Active {
    color: #003399;
    text-decoration: underline;
}
A:Hover {
    color: #0066cc;
    text-decoration: underline;
}

/*---------------------------------------------------------------------------------------------*/
/* Print / Send to Friend Support */
#showOnPrint {
    display: none;
}
#printSendFunctions {
    float: right;
}

/*---------------------------------------------------------------------------------------------*/
/* Text Formatting */
.title {
    font-size: 14px;
    font-weight: bold;
}
.caption {
    font-size: 9px;
    color: #666666;
}
.error {
    color: #990000;
}
.notAvailable {
    color: #999999;
    text-decoration: line-through;
}

/*---------------------------------------------------------------------------------------------*/
/* Data Display Settings */
.dataBoxBorder {
    border: solid 1px #000000;
    padding: 4px;
}
.dataBoxBody {
}
.dataBoxHeader {
    color: #000000;
    font-size: 11px;
    font-weight: bold;
}
.dataBoxRowTitle {
    color: #000000;
    font-weight: bold;
    padding-right: 5px;
    text-align: right;
    vertical-align: middle;
    white-space: nowrap;
    width: 1%;
}
.dataBoxRowValue {
    vertical-align: middle;
    width: 99%;
}
.dataBoxRowValueBorder {
    border: solid 1px #666666;
}
.dataBoxFooter {
    color: #666666;
    font-weight: bold;
}

/*---------------------------------------------------------------------------------------------*/
/* Control Formatting */
.formButton_Micro {
    background-color: Transparent;
    background-image: url(images/buttonBG_Micro.gif);
	background-position:center;
    background-repeat: no-repeat;
    border: 0px;
    color: #666666;
    cursor: pointer;
    font-family: Verdana, Arial, sans-serif;
    font-size: 10px;
    font-weight: normal;
    height: 22px;
    margin: 0px;
    padding:1px;
    text-align: center;
    width: 30px;
}

.formButton_Micro a:hover {
    background-image: url(images/buttonBG_Micro1.gif);
    color: #00CCFF;

}

.formButton_Tiny {
    background-color: Transparent;
    background-image: url(images/buttonBG_Tiny.gif);
	background-position:center;	
    background-repeat: no-repeat;
    border: 0px;
    color: #666666;
    cursor: pointer;
    font-family: Verdana, Arial, sans-serif;
    font-size: 10px;
    font-weight: normal;
    height: 22px;
    margin: 0px;
    padding: 1px;
    text-align: center;
    width: 75px;
}
.formButton_small {
    background-color: Transparent;
    background-image: url(images/buttonBG_Small.gif);
	background-position:center;	
    background-repeat: no-repeat;
    border: 0px;
    color: #666666;
    cursor: pointer;
    font-family: Verdana, Arial, sans-serif;
    font-size: 10px;
    font-weight: normal;
    height: 22px;
    margin: 0px;
    padding: 1px;
    text-align: center;
    width: 100px;
}
.formButton_medium {
    background-color: Transparent;
    background-image: url(images/buttonBG_Medium.gif);
	background-position:center;	
    background-repeat: no-repeat;
    border: 0px;
    color: #666666;
    cursor: pointer;
    font-family: Verdana, Arial, sans-serif;
    font-size: 10px;
    font-weight: normal;
    height: 22px;
    margin: 0px;
    padding: 1px;
    text-align: center;
    width: 150px;
}
.formButton_large {
    background-color: Transparent;
    background-image: url(images/buttonBG_Large.gif);
	background-position:center;	
    background-repeat: no-repeat;
    border: 0px;
    color: #666666;
    cursor: pointer;
    font-family: Verdana, Arial, sans-serif;
    font-size: 10px;
    font-weight: normal;
    height: 22px;
    margin: 0px;
    padding: 1px;
    text-align: center;
    width: 200px;
}

.formControl {
    border: solid 1px #000000;
    color: #333333;
    font-family: Tahoma;
    font-size: 11px;
    height: 15px;
    padding: 1px 0 0 2px;
}
SELECT.formControl {
    border: solid 1px #000000;
    color: #333333;
    font-family: Tahoma;
    font-size: 11px;
    height: 20px;
    padding: 1px 0 0 2px;
}

/*---------------------------------------------------------------------------------------------*/
/* Breadcrumbs */
#breadcrumbs {
}
#breadcrumbs.A, #breadcrumbs.A:Visited, #breadcrumbs.A:Active {
    color: #003399;
    text-decoration: underline;
}
#breadcrumbs.A:Hover {
    color: #0066cc;
    text-decoration: underline;
}

/*---------------------------------------------------------------------------------------------*/
/* Repeater Pagination (not related to grid pagination) */
#pageLinks {
    text-align: right;
}
.pageCurrent {
    font-weight: bold;
}
A.pageNextLink, .pageNextLink:Visited, .pageNextLink:Active {
    color: #003399;
    text-decoration: underline;
}
A.pageNextLink:Hover {
    color: #990000;
    text-decoration: underline;
}
A.pagePrevLink, .pagePrevLink:Visited, .pagePrevLink:Active {
    color: #003399;
    text-decoration: underline;
}
A.pagePrevLink:Hover {
    color: #990000;
    text-decoration: underline;
}

/* This thing is added by Joel for FAQ purposes */

UL#faqdiv {
	list-style-image: url(/images/bullet1.gif);
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:none;
    color: #666666;
	text-decoration:none;
	line-height:1.5em;
}

UL#faqdiv a:link, #faqdiv a:visited {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:none;	
    color: #666666;
	text-decoration:none;
}

UL#faqdiv a:active {
	font-family:Verdana, Arial, Helvetica, sans-serif;	
	font-size:11px;
	color:#0066cc;
	text-decoration:none;
}
UL#faqdiv a:hover {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:none;	
	font-size:11px;
	color:#0066cc ;
	text-decoration: underline;
}

na, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: none;
    color: #666666;
    text-decoration: none;
}

UL#faqdiv a:active {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #0066cc;
    text-decoration: none;
}
UL#faqdiv a:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: none;
    font-size: 11px;
    color: #0066cc;
    text-decoration: underline;
}


#diskUsage {
    border: solid 1px #000000;
    padding: 10px;
    text-align: center;
    float: right;
}