﻿body 
{
    margin:0;
    font-family: Arial, Helvetica, sans-serif;
    font-size:0.8em;
}

h2
{
    font-size:1.5em;
    color:#39B549;
    margin:0px 0 16px 0;
}

.ddlContent
{
    font-weight:normal;
}

.ddlContent:first-child
{
    font-weight:bold;
}

h4
{
    margin:3px 0 0 0;
    font-size:1.1em;
    color:#505050;  
}

h5
{
    margin:3px 0 0 0;
    font-size:1.3em;
}

h5 a:hover
{
    color:#279835;
    text-decoration:underline;
}

p
{
    margin:3px 0 16px 0;
    line-height:1.4em;
}

p a, h5 a
{
    color:#279835;
    text-decoration:none;
}

p a:hover
{
    color:#279835;
    text-decoration:none;
    border-bottom:1px #808080 solid;
}


ol
{
    color:#606060;
    margin:3px 0 16px 10px;
}


ol a
{
    color:#279835;
    text-decoration:none;
}

ol a:hover
{
    color:#279835;
    text-decoration:none;
    border-bottom:1px #808080 solid;
}

ul
{
    color:#606060;
    margin-bottom:16px;
    margin-top:12px;
    margin-left: 0px;
    padding-left: 0px;
}

li
{
    list-style-position:inside;
    
    margin-bottom: 3px;
    margin-top:-3px;
    margin-left: 0px;
    padding-left: 0px;
}

img
{
    border:none;
}

.lbl
{
    width:160px;
    text-align:right;
    padding-right:4px;
    float:left;
}

.lbl2
{
    width:100px;
    text-align:right;
    padding-right:4px;
    float:left;
}

.mainwrapper
{
    margin:0 auto 20px auto;
    width:780px;
    min-height:800px;
    height:800px;
    padding:0;
    margin-bottom:20px !important;
}

.topbar
{   
    width:780px;
    height:100px;
}

.logo
{   
    width:223px;
    height:60px;
    margin-top:40px;
    margin-left:10px;
    float:left;
}

.topnav
{   
    font-size:0.9em;
    font-weight:bold;
    height:44px;
    margin-top:58px;
    margin-right:0px;
    width:370px;
    float:right !important;
    display:inline;
}

.topnav li
{
    /*display:inline;
    list-style:none;*/
    margin-right:26px !important;
}

.topnav li a
{
     text-decoration:none;
     color:#000;
}

.topnav li a:hover
{    
    cursor:pointer;
    text-decoration:none;
    color:#39B549;
}

/*--------menu icons---------*/
.root
{
    height:55px;
    margin-bottom:0px !important;
    padding-bottom:0px !important;
    background-repeat:no-repeat;
    display:inline;
}

.submenu
{
     display:inline;
    background-color:#f4f4f4;
    font-size:1.0em;
    font-weight:normal;
    padding:4px;
    border:1px #d4d4d4 solid;
    /*border-bottom:1px #b4b5b6 solid;*/
    margin:0 0 0 0;
}

.submenu a
{
    color:#000;
    text-decoration:none; 
}

.submenu a:hover
{
    color:#39B549;
    text-decoration:none; 
}
/*--------end menu icons---------*/


/*------new menu--------*/
.menucont
{
    float:right !important;
    margin-top:58px;
    margin-right:10px;
}

.menucont a
{
    text-decoration:none;
    color:#202020;
    cursor:pointer !important;    
}

.menucont a:hover
{
    text-decoration:none;
    color:#39B549;     
}

.subnav
{
    background-color:#f4f4f4;
    padding:4px;
    border:1px #d4d4d4 solid;
    margin-left:30px;
    
}
/*------end new menu----------*/

.images
{
    /*background:url('assets/image1.jpg') no-repeat;*/
    width:780px !important;
    height:450px !important;
    margin:0 auto 0 auto;
    padding:0;    
}

.ticker
{
    float:left !important;
    text-align:center;
    width:740px !important;
    height:16px;
    text-transform:uppercase !important;
    color:#fff !important;
    font-weight:bold !important;
    word-spacing:4px !important;
    margin:132px 20px 0 20px !important;
    padding:0 !important;
    font-size:0.9em !important;
}

.ddl
{
    float:right;
    width:304px;
    margin:96px 40px 0 0;
    padding:0;
}

.inset
{
    position:relative;
    top:-450px;
    width:780px;
    height:450px;
    margin:0;
    padding:0;
}

.container
{
    width:760px;
    height:auto;
    margin-top:8px;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:0 !important;
    border-top:1px #39B549 solid;
}

.column
{
    width:180px;
    float:left;
    min-height:540px;
    margin-top:14px;
    padding-right:10px;
    border-right:1px #808080 dotted;
}

.content
{   
    margin-top:14px;
    width:558px;
    padding-left:10px;
    float:left;
}

.boxes
{
    float:left;
    width:760px;
    margin:10px 10px 0 10px;
    background:url('assets/bg_icon.jpg') no-repeat;
}

.box1
{
  width:245px;
  height:220px;
  float:left;
  margin-left:5px;
  margin-top:10px;
}

.box2
{
  width:245px;
  height:220px;
  float:left;
  margin-top:10px;  
}

.box3
{
  width:245px;
  height:220px;
  float:right;
  margin-right:10px;
  margin-top:10px;   
}

.footer
{
    margin-top: 20px;
    margin-right: 10px;
    margin-left: 10px;
    float: left;
    width: 760px;
    height: 33px;
    background: url('assets/footer.jpg') no-repeat;
    padding: 0 0 0 10px;
    text-align: center;
    font-size: 11px;
    font-weight: bold;
}

.footerNav /* ul */
{
    width:600px;
    font-weight:bold;
    font-size:0.9em;
    
    list-style-position:outside;
    list-style:none;
    
    margin-bottom:0px;
    margin-top:12px;
    margin-left: 0px;
    padding-left: 0px;
}

.footerNav li /* li */
{
    float:left;
    color:#fff;
    display:inline;

    margin-right:20px;
    

}

.footerNav li a
{
    color:#fff;
    text-decoration:none;
    padding:0 0 0 0;
}

.footerNav li a:hover
{
    color:#434343;/*#39B549;*/
    text-decoration:none;
}

.searchbox
{
    
}

.tableland
{
    width:540px;
    border-collapse:collapse;
}

.tableland tr td
{
    border:1px #39B549 solid;
    padding:4px;
}

.tbcolumn
{
    width:90px;
}

fieldset
{
    border:1px #39B549 solid;
    width:70%;
    padding:10px;
    margin-bottom:10px;
}

.field
{
    border:1px #39B549 solid;
    width:90%;
    padding:10px;
    margin-bottom:10px;
}

legend
{
    margin-bottom:20px;
    margin-top:0px;
    padding:2px;
    border:1px #39B549 solid;
    background-color:#f4f4f4;   
}

.message
{
    width:210px;
    height:120px;
}

.bgCountry
{
    width:780px;
    height:540px;
    background:url('assets/country_bg.jpg') no-repeat;
}

.topstripe
{
    width: 710px;
    height: 25px;
    margin-top: 28px;
    margin-bottom: 10px;
    margin-left: 23px; /*border:1px #ff0000 solid;*/;
    padding: 10px;
    float: left;
}

.header2
{
    font-size:1.5em;
    color:#000;
    margin:0px 0 16px 0;
    font-weight:bold;
}

.colwrap
{
    width:730px;
    height:352px !important;
    margin:0 25px 0 25px;
    float:left;
}

.col1
{
    padding: 0px 10px 10px 260px;
    width: 205px;
    height: 296px;
    float: left;
}
.col2
{
    width: 205px;
    height: 296px;
    float: left;
    margin-left: 26px;
    padding-top: 0px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
}
.col3
{
    padding: 0px 90px 10px 10px;
    width: 205px;
    height: 296px;
    float: right;
}

.boxcol
{
    color: White;
    padding-top: 0px;
    padding-bottom: 10px;
    height: 215px !important;
    float: left;
    padding-left: 14px;
    padding-right: 14px;
}

.button
{
    float: left;
    margin-top: 20px;
    margin-left: 44px;
    margin-right: auto;
    font-weight: bold;
    color: #000000;
    width: 120px;
    height: 40px;
    text-align: center;
}

.button a, .close a
{
    color:White;
    text-decoration:underline;
}

.button a:hover, .close a:hover
{
    color:White;
    text-decoration:none;
}

.modalBackground {
	background-color:#000;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.Panel1
{
    width: 850px;
    height: 600px;
    margin-left: 90px;
    margin-top: 210px;
    background-image: url(assets/tableimages/DirectDialBG.gif);
    background-repeat: no-repeat;
}



/* THE BELOW TABLE CONTROLS THE LAYOUT FOR THE DIRECT DIAL MODAL BOX */
table.sample {
    width: 739px;
    border-collapse: collapse;
    margin-left: 10px;
    height:260px !important;
}
table.sample thead tr
{
 text-align:center;

}

table.sample thead tr td
{
 text-align:center;
}

table.sample thead th {	
	height: 42px;
	color: #FFFFFF;
	font-size: 0.8em;
	font-weight: bold;
	padding: 0px 4px;
	margin: 10px 0px 0px;
	text-align: center;
}

table.sample tbody tr td{
 height:20px;
 }

table.sample tbody th,td {
	font-size: 0.8em;
	line-height: 1.4em;
	font-family: Arial, Helvetica, sans-serif;
	color: #2E2E2E;
	padding: 10px 7px;
	text-align: center;
}


table.sample a:hover {
	color: #FFFF50;
	text-decoration: underline;
}



.DirectDialNums
{
 color:White;
 font-weight:bold;
 font-size:120%;
}

.DirectDialPrice
{
 color:White;
 font-weight:bold;
 font-size:120%;
}

/*.boxes .box1 ul, .box2 ul, .box3 ul 
{
 padding:0;
 margin:60px 0 0 0px
 }*/

.boxes .box1 ul li, .box2 ul li, .box3 ul li
{
  list-style-position:outside;
  margin-left:20px;
  font-weight:normal;
  font-family:Arial, Helvetica, sans-serif;
  color:Black;
}

.close
{
    margin:6px 0;
    float:right;
    width:99px;
    height:16px;
    text-align:right;
    /*position:relative;
    top:0px;
    right:0px;*/
}


.myaccountSummary
{
 line-height:15px;
 height:15px;
 width:80%; 
 }
 
.myaccountDefault
{
 text-align:left;
 font-size:small;
 }
 
 .myaccountDefault1
{
 text-align:right;
 height:15px;
 font-weight:bold;
 font-size:small;
 border-style:none;
 height:20px;
 } 


.SignUpFormLables
{
    width:160px;
    text-align:right;
    padding-right:4px;
    float:left;
}
.SignUpFormLables1
{
    width:140px;
    text-align:right;
    padding-right:4px;
    float:left;
}

.openAccount
{
    float:left;
    width:90%;
    height:30px;
    color:White;
    background-color:#a2d976;
    border:2px #7fc349 solid;
    font-size:1.8em;
    font-weight:bold;
    padding:10px;
    margin:0;
}

.openAccount a
{
    color:White;
    text-decoration:none;
}

.openAccount a:hover
{
    color:#6da83f;
    text-decoration:none;
}

/* These styles are for the PoP Up on the account service */
#AccountsMinTable table {
    border-bottom-style:none;
    border-left-style:none;
    border-right-style:none;
    font-weight:bold;
    width:300px;
    float:left;
    margin-right:10px;
    margin-left:20px;
}

.AccountMinsTable
{
    font-size:120%;


}
.AccountMinsTable th
{
     font-weight:bold;
     text-align:center;
     color:White;
     border-bottom:solid 1px White;

}
.AccountMinsTable tr td
{
     padding-left:5px;
     text-align:center;
     border-bottom:solid 1px White;

     width:200px;
font-size:120%;
}
.AccountsMinsTable tr
{

 border-bottom:solid 1px White;

}
#AccountRegStep
{
 width:350px;
 float:right;
 margin-right:104px;
 margin-top:10px;
 padding:0;
 /*margin-left:5px;
 padding-left:20px;*/
}
.ToolTip
{
 z-index:-10;
}
.AccountPoprbl
{
 margin-bottom:30px;
 color:White;
 }


 
.mob_num_table
{
    float:left;
    border-collapse:collapse;
    color:Black;
    width:100%;
    font-size:1.2em;
}

.mob_num_table tr td
{
    /*border:1px solid green;*/
    color:Black;
    /*padding:0;
    margin:0;*/
}

.steps
{
    width:760px;
    height:40px;
    float:left;
    margin:0;
    background: url('assets/tableimages/steps.gif') no-repeat;
}