﻿.myAccountPage {clear:both;display: block;width: 874px;margin-top:30px;color:#333;margin-left:25px; margin-right:25px}

h1{color:#7E145C;font-weight:normal;font-size:16px;margin:0px;margin-top:8px;margin-bottom:4px}
h2{color:#7E145C;font-weight:normal;font-size:14px;margin:0px;margin-top:8px;margin-bottom:8px}
h3{color:#333333;font-weight:normal;font-size:14px;margin:0px;margin-top:8px;margin-bottom:4px}
p {margin-top:0px; width:500px}
p.listTitle {font-weight:bold;margin-bottom:5px;font-size:9pt}
.paraTitle {margin:0px;margin-bottom:4px;font-weight:bold;font-size:9pt}

#leftCol {float:left;width:155px;position:relative;min-height:500px;}
#sideMenu .menuTitle {padding:0px;margin:0px;margin-bottom:15px}
#sideMenu .menuTitle h3{font-size:12px;font-weight:normal;color:#373737;text-transform:uppercase;margin:0px;padding:0px;}
#sideMenu ul {margin:0px;padding-left:0px;}
#sideMenu ul li {display: block;border-bottom: solid 1px #dadada;padding-bottom:7px;width:150px;padding-top:7px;}
#sideMenu ul li.lastItem {border-bottom: none;}
#sideMenu ul li a {text-decoration: none; color: #666;font-size:12px;padding-left:10px}
#sideMenu ul li a:hover{color:#5b8f0a}
#sideMenu ul li a.selected{color:#5b8f0a;}
#sideMenu ul li a.arrowSelected {background:url(/images/sideMenu/arrow_sideBar_large_openColor.gif) no-repeat center left;color:#5b8f0a}
#sideMenu ul li a.arrowClosed {background:url(/images/sideMenu/arrow_sideBar_large_closeReg.gif) no-repeat center left;}
#sideMenu ul li ul {margin-top:5px;margin-left:10px;}
#sideMenu ul li ul li {display:block;padding:0px;border:none;border-bottom:dotted 1px #eeeeee;padding-bottom:3px;padding-top:1px;width:140px}
#sideMenu ul li ul li.lastSubItem {border-bottom:none}
#sideMenu ul li ul li a {font-size:8pt}
#sideMenu ul li ul li a.selectedNormal{color:#5b8f0a;font-weight: normal}

#mainCol {float: right; padding-left:20px; width: 708px; position: relative;height:auto !important;height:550px;min-height:550px;color:#666;}
#mainCol .pageLocation{border-bottom: solid 1px #cccccc;margin: 0px; font-weight: normal; padding: 0px; font-size: 11px; color:#999999;padding-bottom:4px;margin-bottom:18px}
#mainCol .pageTitle{border:none;padding:0px;margin:0px;margin-bottom:14px}
#mainCol .pageTitle h1{color:#373737;font-weight:normal;}
#mainCol .pageTitle h2{font-size:13px;color:#78B116;font-weight:normal;margin-bottom:0px;}
.extended {width:853px !important}

#mainCol form label {}
#mainCol form .textInput {}
/*#mainCol ul {width:450px; padding-bottom:10px}
#mainCol ul li {list-style-type:disc; list-style-position:outside; margin-left:30px; padding:1px}*/


.seperator {float: left; width: 19px; position: relative;border-right: solid 1px #dadada; float: left;text-align: right;background:url(/images/myAccount/sideBar_arrow_close.jpg) no-repeat;background-position:right 250px;cursor:pointer}
.seperator:hover {border-right-width:2px;}
.seperatorHover {border-right-width:2px;}

.collapsed {border-right: none; border-left: solid 1px #dadada; text-align: left;background:url(/images/myAccount/sideBar_arrow_open.jpg) no-repeat;background-position:left 250px;cursor:pointer}
.collapsedHover, .collapsed:hover {border-right: none; border-left: solid 2px #dadada; text-align: left}
 

.formMainButton{display:block;cursor:pointer;text-decoration:none} 
.formMainButton .formMainLeft{display:block;background: url(/images/Site_Elements.jpg) no-repeat -140px 0px;float:left;width:5px;height:25px} 
.formMainButton .formMainText{padding-right:8px;display:block;padding-left:8px;font-weight:normal;font-size:12px;background:url(/images/Site_Elements.jpg) 0px -60px;float:left;padding-bottom:0px;color:#ffffff;padding-top:5px;font-family:Arial;height:20px;text-decoration:none} 
.formMainButton .formMainRight{display:block;background: url(/images/Site_Elements.jpg) no-repeat -145px 0px;float:left;width:5px;height:25px;margin-right:10px}
.formMainButton:hover .formMainLeft{background: url(/images/Site_Elements.jpg) no-repeat -140px -25px}
.formMainButton:hover .formMainText{text-decoration:underline;background:url(/images/Site_Elements.jpg) 0px -85px;}
.formMainButton:hover .formMainRight{background: url(/images/Site_Elements.jpg) no-repeat -145px -25px}

.formSecButton{display:block;cursor:pointer;text-decoration:none} 
.formSecButton .formSecLeft{display:block;background: url(../images/Site_Elements.jpg) no-repeat -155px 0px;float:left;width:5px;height:25px} 
.formSecButton .formSecText{padding-right:8px;padding-left:8px;font-weight:normal;font-size:12px;background:url(../images/Site_Elements.jpg) 0px -115px;float:left;padding-bottom:0px;color:#333;padding-top:5px;font-family:Arial;height:20px;text-decoration:none} 
.formSecButton .formSecRight{display:block;background: url(../images/Site_Elements.jpg) no-repeat -160px 0px;float:left;width:5px;height:25px}
.formSecButton:hover .formSecLeft{background: url(../images/Site_Elements.jpg) no-repeat -155px -25px}
.formSecButton:hover .formSecText{text-decoration:underline;background:url(../images/Site_Elements.jpg) 0px -140px;}
.formSecButton:hover .formSecRight{background: url(../images/Site_Elements.jpg) no-repeat -160px -25px}

.inputTable tr td { padding-bottom: 10px; }
.inputTable tr.bottomRow td { padding-bottom: 40px; }
.inputTable label { color: #666;padding-bottom:2px;display:block }
    
.inputTable .inputText {width: 190px; color: #333; height: 14px; font-size: 8pt;padding-top: 2px}
.inputTable .inputSelect {font-size: 8pt; width: 195px}
.redBorder {border:solid 1px #7E145C}

.note {font-size:8pt}

.gridTable .itemsTable td {border: none !improtant}

.gridTable td {padding:2px;border:solid 1px #eeeeee;padding-left:10px}
.gridTable thead tr {background-color:#eeeeee;height:28px;font-weight:normal;color:#333}
.gridTable thead tr td a {color:#333;text-decoration:none;display:block}
.gridTable tbody tr td {color:#333;font-size:11px;padding:8px;vertical-align:top}
.gridTable tbody tr td a {color:#1599d0;font-size:11px;text-decoration:none}
.gridTable tbody tr td a:hover {text-decoration:underline}
.gridTable tfoot tr td {border:none;padding-top:20px}
.gridTable tfoot tr td {text-align:center}
.tblPaging{margin-top:10px;margin-bottom:10px;}
.gridTableButton, .tblPaging input, .tblPaging a {border:solid 1px #eee;width:18px;height:18px;font-size:8pt;font-weight:bold;text-decoration:none;display:inline-block;padding-top:4px;margin-right:2px;margin-left:2px;color:#666;padding-right:4px;padding-left:4px;text-align:center;background-color:#fff}


.tblPaging {text-align:center}
.tblPaging a.selected {background-color:#999;color:#fff;border:solid 1px #999}
.tblPaging a:hover {border:solid 1px #999}
.tblPaging a.prev {width:70px}
.tblPaging a.prev img{border:none;margin-right:3px}
.tblPaging a.next {width:50px}
.tblPaging a.next img{border:none;margin-left:3px}

.tblPaging span {border:solid 1px #f5f5f5;width:18px;height:18px;font-size:8pt;font-weight:bold;text-decoration:none;display:inline-block;padding-top:4px;margin-right:2px;margin-left:2px;color:#ccc;padding-right:4px;padding-left:4px;text-align:center;background-color:#fff}
.tblPaging span.prev {width:70px}
.tblPaging span.prev img{border:none;margin-right:3px}
.tblPaging span.next {width:50px}
.tblPaging span.next img{border:none;margin-left:3px}

.pagingLocationTotals {color:#999;text-align:center;font-size:9pt}
.pagingLocationTotals a {color:#999;}

.sortcol a{padding-right:20px;display:block;}
.sortasc {	background-image: url(/images/myaccount/sortUp.gif);}
.sortdesc {background-image: url(/images/myaccount/sortDown.gif);}  

#divMsgWarning {border:none;margin-top:0px;margin-bottom:15px;padding:9px; padding-left:10px;font-size:8pt;font-weight:bold;color:#333;background:url(/images/myAccount/msgsIcons/iconError.gif) no-repeat 10px 8px;background-color:#F9ECF4;padding-left:30px}
#divMsgOk {border:none;margin-top:0px;margin-bottom:15px;padding:9px; padding-left:10px;font-size:8pt;font-weight:bold;color:#258523;background:url(/images/myAccount/msgsIcons/iconSuccsess.gif) no-repeat 10px 8px;background-color:#DEF4DD;padding-left:30px}

.listTitle {font-weight:bold}

.serviceIntro {position:relative;margin-top:10px;border-bottom:solid 1px #dadada;padding-bottom:5px;width:320px}
.serviceIntroNoBorder {border-bottom:none}
.serviceIntro .serviceImg {float:left;width:80px;vertical-align:top;padding-top:5px}
.serviceIntro table {float:right;color:#999;font-size:8pt;vertical-align:top}
.serviceIntro .serviceName a{font-family:Trebuchet MS;font-size:12px;color:#006699;}
.serviceIntro .serviceSettings {color:#999;}
.serviceIntro .serviceShortDescription{color:#666;width:250px;}

.messagesTable {text-align: left; margin-top: 5px; width: 100%;border:none}
.messagesTable thead tr td {background-color:#f8f8f8;border-bottom:solid 1px #C0C0C0;padding:4px;height:20px}
.messagesTable tfoot tr td {background-color:#f8f8f8;border-top:solid 1px #C0C0C0;padding:4px;height:28px}
.messagesTable tbody tr {height:20px}
.messagesTable tbody tr td {border-bottom:solid 1px #eee;padding-top:3px;padding-bottom:3px;}
.messagesTable tbody tr.selected td {background-color:#F3F9FE}
.messagesTable tbody tr.clicked td {background-color:#f9f9f9}
.messagesTable tbody div.msgsContainer {height:300px;background-color:#fff;overflow:auto}
.messagesTable tbody div table {width:97%}
.messagesTable tbody div table.printMessage tr td{cursor:auto}
.messagesTable a{color:#1599d0;text-decoration:none}
.messagesTable a:hover{text-decoration:underline}

.flatButtonWhite {cursor:pointer;border:solid 1px #555;height:20px;font-size:8pt;padding-left:2px;padding-right:2px;border-right:inset 2px #555;border-bottom:inset 2px #555;background-color:#fff}

.toggleHidden {background:url(/images/myaccount/toggleHidden.gif) no-repeat; background-position:left center;padding-left:12px;display:block;}
.toggleShown {background:url(/images/myaccount/toggleShown.gif) no-repeat; background-position:left center;padding-left:12px;display:block;}  


