@import "layout.css";

/*--------[General]--------*/
p {margin:0em 0em 1em 0em;}
      
img{border:0em;}
      
h1 {
	color:#0099ff;
   	font-weight:normal;
   	margin:0em 0em 0.1em 0em; 
}

h3{
	margin:0em 0em 0em 0em;
}

h5{
	color: #0099ff;
	font-size: medium;
	text-decoration: underline;
	padding-bottom: 0.2em;  
   	margin: 0em 0em 0.1em 0em;
}
  
/*para h3*/
.highlight{
    color:#0099ff;
	margin:0em 0em 0em 0em;
}
   
ul{
    list-style-type: circle;
    margin:0em 0em 0em 1.7em;
    padding:0em;
}
  
li{
    color:#666666;
}

.contactUs{
	height: 1%; /* To fix the transparency of some links in IE */
}

BR.h3	    {font-size: 3px; line-height: 3px;}
BR.h5       {font-size: 5px; line-height: 5px;}
BR.h6       {font-size: 6px; line-height: 6px;}
BR.h10 		{font-size: 10px; line-height: 10px;}
BR.h15 		{font-size: 15px; line-height: 15px;}
  
.tableHeader {
	background-color: #0099ff;
	border-bottom: 2px solid #cccccc;
	color: #ffffff;
	font-size: 20px; 
}

.bottomTableCell {
	border-bottom: 1px solid #dcdbd1;
	font-size: 3px;
}

.topTableCell {
	border-top: 2px solid #fbfbf8;
	font-size: 3px;
}

.endTableCell {
	border-bottom: 1px solid #c2c2b4;
	font-size: 3px;
}

button{
	background: #2897ea url(../imgs/bgButton.gif) top center repeat-x;
    color: #FFFFFF;
    border: 0em;
    margin-top: 0.2em;
    margin-bottom: 0.2em;
    padding: 0.1em 0.4em 0.1em 0.4em;
    cursor: pointer;
}

.smallButton{
	text-align: center;
    width: 80px;
}

.buttonRight{
	margin-right: 0.2em;
}

.buttonLeft{
	margin-left: 0.2em;
}

.buttons{
	float: right;
}

input{
	color: #336699;
	background: #FFFFFF url(../imgs/bgTextbox.gif) top left repeat-x;
  	border: 1px solid #d1e3ff;  	
}

select{
	color: #336699;
}

.gridSelect{
	width: 160px;	
	font-size: 0.9em;
}

.imgTable{
	display: block;
	margin-right: 0.5em;
	cursor: pointer;
}

option{
	color: #336699;
}

.textTitleLabel {
	font-size: 17px;
	color: #333333;
}

.textLabel {
	font-weight: bold;
	font-size: 12px;
	color: #999999;
}

label {
    color:#666666;
    float: left;
    padding-left: 0.5em;
    text-align: left;
    width: 11em;
}

.text{
    color: #566b8c;
    display: block;
    float: left;
    margin-bottom: 0.8em;
}

.loginButton{
}
/*--- Text formatting ------------------*/
.required{
    color:#0099FF;
}
  
.alignCenter{
    text-align: center;
}

.alignRight{
    text-align: right;
}
  
blockquote{
    background: #FFFFFF url(../imgs/bgBlockquote.gif) top left repeat-x;
    border-left:4px solid #D1E3FF;
    color: #566b8c;
    font-family: Times New Roman;
    font-size:1em;
    padding:1em;
}
  
abbr{
    border-bottom:1px dotted #0099FF;
    color:#566b8c;
    cursor:help;
}

.nib{
	background:#f6f6ed;
	border:1px dashed #ededdc;
	padding: 2em;
	}

/*------ [Fieldset] ------------*/
fieldset{
	border:1px solid #D1E3FF;
	padding-top: 0.8em;
}

fieldset legend{
	color:#566B8C; 
	font-weight:bold;
}

/*------ [Login Form] ------*/
.formLogin {
	width: 26em;
    padding: 0.2em 0 0.2em 0.5em;
    margin-bottom: 0.8em;
}

.formLogin label {
    color:#666666;
    float: left;
    padding-left: 0.5em;
    text-align: left;
    width: 9em;
}

.formLogin input{
	color: #336699;
    background: #FFFFFF url(../imgs/bgTextbox.gif) top left repeat-x;
    border: 1px solid #d1e3ff;
    display: block;
    float: left;
    margin-bottom: 0.8em;
    width: 15em;
}

.formLogin .hidden{
   display: none;
}

/*------ [General Form] ------*/

.form .formName{
	background: #0099FF;
    border-bottom: 2px solid #CCCCCC;
    font-size: 1em;
    font-weight:bold;
    color: #FFFFFF;
    padding: 0.2em 0 0.2em 0.5em;
    margin-bottom: 0.8em;
}

.searchHeader{
	background: #D1E3FF;
    font-weight:bold;
    color: #566b8c;
    padding: 0.4em;
    margin-bottom: 0.8em;
}

.searchIco{
	border:0em;	
}
	
.form .sectionName{
   	background: #D1E3FF;
    font-weight:bold;
    color: #566b8c;
    padding: 0.4em;
    margin-bottom: 0.8em;
}
  
.form label {
    color:#666666;
    float: left;
    padding-left: 0.5em;
    text-align: left;
    width: 11em;
}
  
.form .text{
    color: #566b8c;
    display: block;
    float: left;
    margin-bottom: 0.8em;
}
  
.form .smallSelect{
	width: 7em;
}

.form .smallTextBox{
	width: 9em;
}

.form br{
	clear: left;
}
  
.form select{
	color: #336699;
    margin-bottom: 0.8em;
    width: 22em;
}

.form .selectBig{	    
    width: 29em;
}

.form .checkbox{
	background: none;
    border: 0px;
   	width: 1.2em;   	
}

.form input{
	color: #336699;
    background: #FFFFFF url(../imgs/bgTextbox.gif) top left repeat-x;
    border: 1px solid #d1e3ff;
    display: block;
    float: left;
    margin-bottom: 0.8em;
    width: 22em;
}

.form .hidden{
   display: none;
}

.form .link{
	text-align: left;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	padding-left: 0.5em;
}

.form .section{
    background: transparent url(../imgs/bgToolbar.gif) top left repeat-x;
    height:13em;
}

.form .textArea{
	color: #336699;
	background:#FFFFFF url(../imgs/bgTextbox.gif) repeat-x scroll left top;
	border:1px solid #d1e3ff;
	margin-bottom: 0.8em;
    width: 22em;
}

/*------ [GoldenSMS Form] ------*/

.goldenSms .formName{
	background: #0099FF;
    border-bottom: 2px solid #CCCCCC;
    font-size: 1em;
    font-weight:bold;
    color: #FFFFFF;
    padding: 0.2em 0 0.2em 0.5em;
    margin-bottom: 0.8em;
}
	
.goldenSms .sectionName{
   	background: #D1E3FF;
    font-weight:bold;
    color: #566b8c;
    padding: 0.4em;
    margin-bottom: 0.8em;
}
  
.goldenSms label {
    color:#666666;
    float: left;
    padding-left: 0.5em;
    text-align: left;
}
  
.goldenSms .text{
    color: #566b8c;
    display: block;
    float: left;
    margin-bottom: 0.8em;
}
  	
.goldenSms .smallSelect{
	width: 7em;
}

.goldenSms .smallTextBox{
	width: 7em;
}

.goldenSms br{
	clear: left;
}
  
.goldenSms select{
	color: #336699;
    margin-bottom: 0.8em;
    width: 18em;
}

.goldenSms .selectBig{	    
    width: 29em;
}

.goldenSms .checkbox{
	background: none;
    border: 0px;
   	width: 1.2em;   	
}

.goldenSms input{
	color: #336699;
    background: #FFFFFF url(../imgs/bgTextbox.gif) top left repeat-x;
    border: 1px solid #d1e3ff;
    display: block;
    float: left;
    margin-bottom: 0.8em;
    width: 18em;
}

.goldenSms .hidden{
   display: none;
}

.goldenSms .link{
	text-align: left;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	padding-left: 0.5em;
}

.goldenSms .section{
    background: transparent url(../imgs/bgToolbar.gif) top left repeat-x;
    height:13em;
}

/*------ [Account History Form] ------*/
.searchForm .sectionName{
   	background: #D1E3FF;
    font-weight:bold;
    color: #566b8c;
    padding: 0.4em;
    margin-bottom: 0.4em;
}
  
.searchForm label {
    color:#666666;
    float: left;
    padding-left: 0.5em;
    text-align: left;
    width: 7em;
}

.searchForm .normalLabel {
	width: 9em;
}

.searchForm .smallLabel {
	width: 3em;
}
  
.searchForm .text{
    color: #566b8c;
    display: block;
    float: left;
    margin-bottom: 0.8em;
}
  
.searchForm br{
	clear: left;
}
  
.searchForm select{ 
	color: #336699;
	float: left;
	margin-bottom: 0.8em;
    width: 15em;
}

.searchForm .bigSelect{
	width: 25em;
} 

.searchForm input{
	color: #336699;
    display: block;
    float: left;
    margin-bottom: 0.8em;
    width: 8em;
}

.searchForm .normalInput{	
    width: 15em;
}

.searchForm .textArea{
	color: #336699;
	background:#FFFFFF url(../imgs/bgTextbox.gif) repeat-x scroll left top;
	border:1px solid #d1e3ff;
	margin-bottom: 0.8em;
    width: 25em;
}

.searchForm .hidden{
   display: none;
}

/*------ [PopUp Search Form] ------*/
.popUpSearchForm .sectionName{
   	background: #D1E3FF;
    font-weight:bold;
    color: #566b8c;
    padding-left: 0.4em;
    padding-top: 0.4em;
    margin-bottom: 1em;
    height: 2em;
}
  
.popUpSearchForm label {
    color:#666666;
    float: left;
    padding-left: 0.5em;
    padding-bottom: 0.4em;
    text-align: left;
    width: 8em;
}

.popUpSearchForm .normalLabel {
	width: 12em;
}

.popUpSearchForm .smallLabel {
	width: 3em;
}

.popUpSearchForm .largeLabel {
	width: 16em; 
}
  
.popUpSearchForm .text{
    color: #566b8c;
    display: block;
    float: left;
    margin-bottom: 0.8em;
}

.popUpSearchForm .textRed{
	color: red;
    display: block;
    padding-left: 0.5em;
    float: left;
}

.popUpSearchForm .checkbox{
	background: none;
    border: 0px;
   	width: 1.5em;   	
}

.popUpSearchForm .checkboxText{
	color: #566b8c;
    vertical-align: top;	
}

.popUpSearchForm br{
	clear: left;
}
  
.popUpSearchForm select{ 
	color: #336699;
	float: left;
	margin-bottom: 0.8em;
    width: 15em;
}

.popUpSearchForm input{
	color: #336699;
    margin-bottom: 0.8em;
    width: 15em;
}

.popUpSearchForm .textArea{
	color: #336699;
	background:#FFFFFF url(../imgs/bgTextbox.gif) repeat-x scroll left top;
	border:1px solid #d1e3ff;
	margin-bottom: 0.8em;
    width: 25em;
}

.popUpSearchForm .smallTextArea{
	color: #336699;
	background:#FFFFFF url(../imgs/bgTextbox.gif) repeat-x scroll left top;
	border:1px solid #d1e3ff;
	margin-bottom: 0.8em;
	width: 15em;
}

.popUpSearchForm img{
	margin-bottom: 0.5em;
}

.popUpSearchForm .hidden{
   display: none;
}

.popUpSearchForm .verySmallInput{
	width: 3em;
}

.popUpSearchForm .smallInput{
	width: 7em;
}

.popUpSearchForm .verySmallSelect{
	width: 3.5em;
}

.popUpSearchForm .smallSelect{
	width: 7em;
}

.popUpBody{
	background:#FFFFFF;
  	color:#333333;
  	font-family: Arial, Helvetica, Tahoma, Verdana;
  	margin: 0em;
  	padding: 0em;
  	text-align: center;
}

#logoAreaPopUp{
	background:#1384d9 url(../imgs/bgHeader.png) repeat-x;
    height:7em;
}

.popUpTopic{
	margin: 2em;
}

.popUpTopic .subTopic{
	padding-left: 1em;
}

.popUpTopic p{
	padding-left: 0.5em;
}

.popUpTopic code{
	color:#EEF4FF;
	background: #EEF4FF;  
	color: #566B8C;
	padding: 0.2em;
	font-family: Courier New, Courier, monospace;
}

.subTopic p{
	padding-top: 0.5em;
}

.popUpTopic ul{
	padding-left: 1em;
}

.popUpTopic li{
	padding-bottom: 1em;
}

/*------ [Messaging Form] ------*/
.messagingForm .sectionName{
   	background: #D1E3FF;
    font-weight:bold;
    color: #566b8c;
    padding: 0.4em;
    margin-bottom: 0.4em;
}

.messagingForm .textLeft{
    color: #566b8c;
    text-align: left;
}

.messagingForm .textRight{
    color: #566b8c;
	text-align: right;
}
  
.messagingForm br{
	clear: left;
}
  
.messagingForm .dropDown{ 
    width: 100%;
}

.messagingForm .radio{
	border: 0px;
    background: transparent;
    margin-right: 0.5em;
}

.messagingForm .check{
	border: 0px;
    background: transparent;
}

.messagingForm .textBox{
	color: #336699;
	background: #FFFFFF url(../imgs/bgTextbox.gif) top left repeat-x;
    border: 1px solid #d1e3ff;
}

.messagingForm .textArea{
	color: #336699;
	background: #FFFFFF url(../imgs/bgTextbox.gif) top left repeat-x;
	border: 1px solid #d1e3ff;
    width: 99%;
}
.messagingForm .hidden{
   display: none;
}
	
.messagingForm .link{
	text-align: left;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	padding-left: 0.5em;
}

.messagingForm .section{
    background: transparent url(../imgs/bgToolbar.gif) top left repeat-x;
}

/*------ [Message Box] -----*/
.msgBox .body{
    background: #ffffff url(../imgs/bgMsgboxBody.gif) bottom center repeat-x;
    border: 1px solid #c2c2b4;
    color: #566b8c;
    font-size: 0.85em;
    padding: 0.5em;
}

.msgBox .body .dialogButtons{
    text-align: right;
    padding-top: 0.5em;
}

/*Success messageBox*/
.msgBoxSuccess{
    background: #0099FF url(../imgs/bgMsgBoxSuccess.gif) top center repeat-x;
    width: 30em;
}

.msgBoxSuccess .title{
    background: transparent url(../imgs/icoSuccess.gif) 0.3em center no-repeat;
    border: 1px solid #0099FF;
    color: #FFFFFF;
    padding: 0.36em 0 0.35em 2.3em;
}

/*Warning messageBox*/
.msgBoxWarning{
    background: #ff7000 url(../imgs/bgMsgBoxWarning.gif) top center repeat-x;
    width: 30em;
}
  
.msgBoxWarning .title{
    background: transparent url(../imgs/icoWarning.gif) 0.3em center no-repeat;
    border: 1px solid #ff7000;
    color: #FFFFFF;
    padding: 0.36em 0 0.35em 2.3em;
}

/*Error messageBox*/
.msgBoxError{
    background: #565656 url(../imgs/bgMsgBoxError.gif) top center repeat-x;
    width: 30em;
}
  
.msgBoxError .title{
    background: transparent url(../imgs/icoError.gif) 0.3em center no-repeat;
    border: 1px solid #565656;
    color: #FFFFFF;
    padding: 0.36em 0 0.35em 2.3em;
}

/*--- LINKS ------------------*/
a.primary, a.primary:link, a.primary:visited, a.primary:active {
    color: #FF9F0A;
    margin: 0;
    padding: 0;
    text-decoration: underline;
}
    
a.primary:hover {
    color: #0099FF;
    margin: 0;
    padding: 0;
    text-decoration: underline;
}
              
/*--------[Table Layout]-------*/
.grid{
    border:2px solid #38A8FE;
    border-spacing:0em; 
    width:100%; 
}
  
.grid .infoCell{
    background: #0099FF url(../imgs/bgGrid.gif) top center repeat-x;
    border:0em;
    color:#ffffff;
    padding:0.5em;
}

.grid .iconToolbar{
    background-color: #1691ef;
    border:0em;
    color:#ffffff;
    padding:0.5em;	
}

.grid .pagerCell{
	background: #0099FF url(../imgs/bgGrid.gif) top center repeat-x;
    border:0em;
    color: #FFFFFF;
    font-size:0.85em;
    padding:0.4em;
    text-align:right;
}
	
.grid .pagerCell a {
	padding: 0.25em;
}
   
.grid .recordsCell{
    border:0em;
    color:#566b8c;
    font-size:0.8em;
    padding:0.5em;
    background:#D1E3FF;
}

.firstRow{
    background: #EBF3FF url(../imgs/bgFirstRow.gif) top center repeat-x;
}
 
.row{
    background: #EBF3FF;
}
    
.rowAlt{
    background: #FFFFFF;
}

.rowHighlight{
	background: #b2e0ff;
}

.rowHighlightAlt{
	background: #b2e0ff;
}

.rowHighlightFirst {
	background: #b2e0ff;
}
  
.grid table{
    padding: 0em;
    border-spacing: 0em;
    width:100%;
}
    
.grid td{
    border-left:1px solid #D1E3FF;
    color: #333333;
	font-size: 0.83em;
    padding:0.2em;
    padding-left: 0.5em;
}

.grid .icoImg {
	padding-right: 0.8em;
	vertical-align: middle;
}

.grid td a {
	color: #FF7000;    
    text-decoration: none;    
}  

.grid td a:hover {
    color: #0099FF;    
    text-decoration: none;
}
  
.grid .firstCell{
    border:0em;
}
    
.grid th{
    background: #0099ff url(../imgs/bgTable.gif) top center repeat-x;
    border-left:1px solid #D1E3FF;
    color: #FFFFFF;
    padding:0.6em;
}

.grid .orderActive{
    background: #0084ff url(../imgs/bgTable2.gif) top center repeat-x;
    color: #FFFFFF;
    padding:0.6em;
}

.grid th a{    
    color: #FFFFFF;    
    text-decoration: none;
}

.grid .checkbox{
	background: none;
    border: 0px;
   	width: 1.2em;   	
}
    
.selectedPage{
    background: #FFFFFF;
    color: #0099FF;
    padding:0.15em;
    text-align:center;
}

.generalGrid{
  
}
  
.generalGrid th{
    color: #566b8c;
    background: #D1E3FF;
}
  
.generalGrid td{
    font-size: 0.85em;
    width: 33%;
}

.generalGridHelp{
	border:2px solid #38A8FE;
	margin-left: 2em;
}
  
.generalGridHelp th{
    color: #566b8c;
    background: #D1E3FF;
}
  
.generalGridHelp td{
    font-size: 0.85em;
    padding-right: 0.3em;
}

.generalGridInfo{
	
}
  
.generalGridInfo th{
    color: #566b8c;
    background: #D1E3FF;
}
  
.generalGridInfo td{
    font-size: 0.85em;
}

.listFAQ{
  	list-style-type: none;
	margin: 0.5em 0em 0.4em 1.7em;
}

.listFAQ li{
  	color: #666666;
  	padding:0.3em;
}

.quoteFont{
	display:block;
	text-align:right;
}

/*--------[Toolbar]--------*/   
.toolbar{
    list-style-type: none;
    margin:0em;
    padding:0em;
}

.toolbar table{
	width:100%;
}

.toolbar td{
	font-size: 0.95em;
	padding:0.2em;
	padding-top: 0.3em;
	vertical-align:top;
}

.toolbar .total{
	color: #566B8C;
	font-family:Tahoma, Arial;
	font-size: 0.7em;
	text-align: right;
}
  
.toolbar ul{
    list-style-type: none;
    margin:0em;
    padding:0.2em;
    font-size: 0.95em;    
}  
  
.toolbar div{
    background:#D1E3FF;
    border-bottom:3px solid #FFFFFF;
    border-top:3px solid #FFFFFF;
    color: #566b8c;
    font-weight: bold;
    padding: 0.4em;  
}

.toolbar .divToolTip{
	background: none;
    border: 0px;
    font-weight: normal;
    padding: 0em;
}
  
.toolbar .firstSection{
    border-top: 0em;
}

.toolbar .actionsSpace{
	font-size: 0.95em;
	padding: 0.3em;
	vertical-align: top;
}

.toolbar .sections{
	background: #eaf2ff;
}
  
.toolbar .lastSection{
    background: transparent url(../imgs/bgToolbar.gif) top left repeat-x;
    height:13em;
}
  
.toolbar .itemNormal{
    height:1.1em;
    padding:0.3em 0.4em 0.45em 0.4em;
}
  
.toolbar .itemActive{
    background: #0099FF;
}

.toolbar .itemActive td{
	color: #FFFFFF;
}

.toolbar .itemActive td a {
	color: #FFFFFF;
}

.toolbar .itemActive td a:link{
	color: #FFFFFF;
}

.toolbar .itemActive td a:visited{
	color: #FFFFFF;
}

.toolbar .itemActive td a:active{
	color: #FFFFFF;
} 

.toolbar .itemActive td a:hover{
	color: #FFFFFF;
}

.toolbar a.toolbarLink, a.toolbarLink:link, a.toolbarLink:visited, a.toolbarLink:active {
    color: #566b8c;
    padding-left:1.6em;
    text-decoration: none;
}

.toolbar a.toolbarLink:hover {
    color: #0099FF;
    margin: 0;
    padding-left: 1.6em;
    text-decoration: none;
}
  
.toolbar .itemActive .toolbarLink{    
    background: #0099FF url(../imgs/icoFolderOpen.gif) left center no-repeat;
    float:left;
}

.toolbar a.toolbarLinkMenu, a.toolbarLinkMenu:link, a.toolbarLinkMenu:visited, a.toolbarLinkMenu:active {
    color: #566b8c;
    padding-left:1.6em;
    text-decoration: none;
}

.toolbar a.toolbarLinkMenu:hover {
    color: #0099FF;
    margin: 0;
    padding-left: 1.6em;
    text-decoration: none;
}
  
.toolbar .itemActive .toolbarLinkMenu{       
    float:left;
}

.toolbar .rightCol{
    padding-right:0.4em;
    text-align:right;
}

.icoFolderClosed{
    background: url(../imgs/icoFolderClosed.gif) left center no-repeat;
    float:left;
}
  
.icoNewContact{	
	background: url(../imgs/icoNewContact.gif) left center no-repeat;
}  

.icoNewGroup{	
	background: url(../imgs/icoNewGroup.gif) left center no-repeat;
}

.icoRules{	
	background: url(../imgs/icoRules.gif) left center no-repeat;
}
  
.icoSearch{
    background: url(../imgs/icoSearch.gif) left center no-repeat;
}

.icoRefresh{
    background: url(../imgs/icoRefreshToolbar.gif) left center no-repeat;
}
  
.icoImport{
    background: url(../imgs/icoImport.gif) left center no-repeat;
}

.icoExport{
    background: url(../imgs/icoExport.gif) left center no-repeat;
}

.icoTicker{
    background: url(../imgs/icoTicker.gif) left center no-repeat;
}

.icoApplications{
    background: url(../imgs/icoApps.gif) left center no-repeat;
}

.icoPreferences{
    background: url(../imgs/icoPreferences.gif) left center no-repeat;
}

.icoCredits{
    background: url(../imgs/icoCredits.gif) left center no-repeat;
}

.icoTemplateText{
    background: url(../imgs/icoTemplateText.gif) left center no-repeat;
}
 
.icoAddFields{
    background: url(../imgs/icoAdFields.gif) left center no-repeat;
}

.icoPickWinners{
    background: url(../imgs/icoPickWinners.gif) left center no-repeat;
}

.icoPassword1{
    background: url(../imgs/icoPassword1.png) left center no-repeat;
    text-decoration:none;
    padding:10px 0px 10px 75px;
    }
       
/*--------[Tab menu]--------*/
div#tabMenu {
	
}

div#tabActive{
   float:left;
}

ul#tabMenuList, ul#tasksMenuList li {
	list-style-type:none;
	margin:0;
	padding:0;
}

ul#tabMenuList {
	margin-left: 0em;
}
	
ul#tabMenuList li {
	float:left;
	text-align: center;
	margin-right: 0.5em;
}

ul#tabMenuList a:link, ul#tabMenuList a:visited, ul#tabMenuList a:active{
	float:left;
	padding: 0.5em 1em 0.6em 1em;
	background-color:#38a8fe;
	border-top:1px solid #60b9fe;
	color:#ffffff;
	font-size: 0.85em;
	margin: 0em;
	text-decoration: none;
}
	
ul#tabMenuList a:hover {			
	border-top:1px solid #a8d9ff;
	color:#ffffff;
	font-size: 0.85em;
	margin: 0em;
}
	
ul#tabMenuList li.activelink a:link, ul#tabMenuList li.activelink a:visited, ul#tabMenuList li.activelink a:active {			
	background-color:#2897ea;
	border-top: 1px solid #60b9fe;
	color:#bae1ff;
	font-size: 0.85em;
	margin: 0em;
	text-decoration: none;
}

ul#tabMenuList li.activelink a:hover {
	background-color:#38a8fe;
	border-top:1px solid #a8d9ff;
	color:#ffffff;
	font-size: 0.85em;
	margin: 0em;
}
		  
/*--------[Access area]--------*/
.accessImg{
	vertical-align:middle;
}

a.accessLink:link, a.accessLink:visited, a.accessLink:active { 
    color:#c2c2c2;
    padding:0em 1em 0em 1em;
    text-decoration: none;
}
  
a.accessLink:hover {
    color:#ffffff;
    padding:0em 1em 0em 1em;
    text-decoration: none;
}

#logoArea{
    background:#417dc3 url(../imgs/bgHeader.png) repeat-x;
    height:5.8em;
}
  
#logoPhune{
    float:left;
    display:block;
    position:relative;
    left:1em;  
}
  
/*--------[Applications menu]--------*/
#appsMenu{
    text-align:right;
   	padding-right:1.5em;
}
  
#appsMenu div{
    position:relative;
    top: 4.35em;

}
  
a.appLinkActive:link, a.appLinkActive:visited, a.appLinkActive:active { 
    background-color:#57b5fe;
    border-top:1px solid #60b9fe;
    color:#ffffff;
    font-size: 0.85em;
    margin: 0em;
    padding:0.5em;
    text-decoration: none;
}
  
a.appLinkActive:hover {
    border-top:1px solid #a8d9ff;
    color:#ffffff;
    font-size: 0.85em;
    margin: 0em;
}
  
a.appLink:link, a.appLink:visited, a.appLink:active { 
    background-color:#2897ea;
    border-top: 1px solid #60b9fe;
    color:#bae1ff;
    font-size: 0.85em;
    margin: 0em;
    padding:0.5em 0.5em 0.3em 0.5em;
    text-decoration: none;
}
  
a.appLink:hover {
    background-color:#38a8fe;
    border-top:1px solid #a8d9ff;
    color:#ffffff;
    font-size: 0.85em;
    margin: 0em;
}

/*--------[Tasks menu]--------*/
div#tasksMenu {
	background:#1590EF url(../imgs/bgMenu.gif) repeat-x; 
    padding-top: 5px;
	height: 30px;
}

div#taskActive {
   background:#ffffff url(../imgs/tabCorner.gif) top left no-repeat;
   padding:0em 0em 0.2em 0.2em;
   float:left;
}

ul#tasksMenuList, 
ul#tasksMenuList li {
	list-style-type:none;
	margin:0;
	padding:0;
}

ul#tasksMenuList {
	margin-left: 1em;
}
	
ul#tasksMenuList li {
	float:left;
	text-align: center;
}

ul#tasksMenuList a:link, 
ul#tasksMenuList a:visited, 
ul#tasksMenuList a:active {
	float:left;
	padding: 0.5em 1em 0.6em 1em;
	text-decoration:none;
	color:#ffffff;
	font-size: 0.85em;
}
	
ul#tasksMenuList a:hover {
	color:#4bfbfe;
    font-size: 0.85em;
    text-decoration: none;
}
	
ul#tasksMenuList li.activelink a:link, 
ul#tasksMenuList li.activelink a:visited, 
ul#tasksMenuList li.activelink a:active {
    background:#ffffff url(../imgs/tabCorner.gif) top right no-repeat; 
    color:#2897ea;
    font-size: 0.85em;
    font-weight: bold;
    text-decoration: none;
}

ul#tasksMenuList li.activelink a:hover {
    color:#ff9f0a;
    font-size: 0.85em;
    font-weight: bold;
    text-decoration: none;
}

/*--------[Credit Packs]--------*/	
.paymentPack .first{
	color: #FFFFFF;	
	font-size: 18px;
	text-align: left;
}

.paymentPack th {
	color: #566b8c;
	background-color: #ebf3ff;
	font-weight: bold;
	text-align: center;
}

.paymentPack .blue{
	background: #0099ff url(../imgs/packBlue.png) 1px 1px no-repeat;
}

.paymentPack .green{
	background:#8dc73f url(../imgs/packGreen.png) 1px 1px no-repeat;
}

.paymentPack .goldy{
	background:#ffbc3e url(../imgs/packGoldy.png) 1px 1px no-repeat;
}

.paymentPack .creditPack {
	background-image: url(../imgs/shadowPacks.gif);
	background-repeat: repeat-x;
	background-position: top;
}

.paymentPack td {
	color: #333333;
	text-align: center;
	font-weight: bold;
}

.paymentPack td .paymentButtons{
	color: #566B8C;	
}

.paymentPack .descripion{
	color: #333333;
	text-align: left;
	font-weight: normal;
}

/*--------[Footer]--------*/	
#footer{
	background:#ededdc;
    /*border-bottom: 1px solid #c2c2b4;*/
    color:#696969;
    font-family: Tahoma, Arial, Helvetica, Verdana;
    font-size:0.7em;
    height:1.5em;
    padding: 0.5em;
    text-align:right;

}
  
#footer span{
    padding-right: 1em;
}
  
a.footerLink:link, a.footerLink:visited, a.footerLink:active { 
    color:#333333;
    text-decoration: none;
    padding-right: 1em;
}
  
a.footerLink:hover {
    color:#333333;
    padding-right: 1em;
    text-decoration: underline;
}

/*---------[General popUp Classes]-----------*/
.popUpTitle{
	background: #417dc3 url(../imgs/bgHeader.png) top center repeat-x;
    border:0em;
    color:#ffffff;
    font-weight: bold;
    padding-left: 0.4em;
    padding-top: 0.4em;
    height: 2em;
    margin-bottom: 1em;
}

.popUpLinks{
	background-color: #FFFFFF;
    border:0em;
    padding-left: 0.4em;
    padding-top: 0.4em;
    height: 2em;
    margin-bottom: 1em;
}


.popUpArea{
	border:1px solid #D1E3FF;
	background-color: #EBF3FF;
	color: #566b8c;
	padding: 0.8em;
	margin-left: 0.5em;
	margin-bottom: 0.5em;
	margin-top: 0.5em;
	width: 92%;
}

.popUpArea .title{
	color: #0099FF;
	margin-bottom: 0.5em;
}

.popUpMainArea{
	border:1px solid #0099FF;
	background-color: #EBF3FF;
	color: #566b8c;
	padding: 0.8em;
	margin-left: 0.5em;
	margin-bottom: 0.5em;
	margin-top: 0.5em;
	width: 92%;
}

.popUpMainArea .title{
	color: #0099FF;
	margin-bottom: 0.5em;
}

/*---------[Control Modal]-----------*/
#modal_container {
    padding: 0.5em;
    background-color: #0099FF;
    border: 1px solid #ffffff;
    overflow: auto;
    font-size: 0.85em;
    color: #ffffff;
    text-align: left;
}

#modal_overlay {
    background-color: #000;
}