/**
AFSB.net main styles
**/

body {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #222;
	background: white;
	margin: 0;
	padding: 0;
	text-align: center;
    }
    
h1, h2, h3 {
	font-family: Verdana, Arial, Sans-Serif;
}

a:link {
	color: #003399;
	text-decoration: none;
	font-weight: bold;
}

a:visited {
	color: #5B82A1;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

#page {
    width: 774px;
    margin: 0 auto;
    padding: 0;
    }
    
#main-navigation {
    height: 28px;
    width: 774px;
    margin: 0;
    padding: 0;
    background: white url(/images/main_nav_bg.gif) no-repeat top left;
    }
    
    #main-navigation h1, #logo h2 {
        display: none;
        }
        
    #main-navigation ul {
        list-style-type: none;
        right: 55px;
        position: relative;
        margin: 0;
        padding: 0;
        height: 28px;
        }
        
        #main-navigation ul li {
            float: right;
            height: 28px;
            width: 80px;
            text-align: center;
            margin: 0;            
            }
            
            #main-navigation ul li a {
                height: 28px;
                width: 80px;
                display: block;
                line-height: 28px;
                color: white;
                font-size: 13px;
                text-decoration: none;
                font-weight: bold;
                }
                
            #main-navigation ul li a:hover {
                background: white;
                color: #aace3d;
                }
        
#page-header {
    width: 774px;
    height: 120px;
    }
    
#logo {

    }
    
    #logo a {

    }  

#content {
    margin: 0 0 20px 0;
    text-align: left;
    float: left;
}

#content-sidebar {
    margin: 0;
    text-align: left;
    float: left;
    background: white url(/images/sidebar_bg.jpg) repeat-y top right;
    padding-bottom: 20px;
}

#sub-content-left {
    width: 500px;
    margin-right: 10px;
    padding: 0 10px;
    float: left;
    clear: left;
    }
    
    #sub-content-left p, #sub-content-single p, .what p {
        line-height: 1.3;
        font-size: 120%;
    }
        
    #sub-content-left h1,#sub-content-single h1 {
        color: #003399;
        font-weight: normal;
        margin-top: 10px;
        font-size: 250%;
    }
        
#sub-content-single {
    margin-right: 10px;
    padding: 0 10px;
    float: left;
    clear: left;
    font-size: 120%;
    }
    
    #sub-content-single p {
        line-height: 1.3;
        }
        
    #sub-content-single h1 {
        color: #9bbc38;
        }
    
/* sub page sidebar */
#sub-content-right {
    width: 215px;
    float: left;
    background: transparent;
    padding: 10px 20px 0 0;
    min-height: 500px;
    height: auto;    
    }
    
#sub-content-right img {
	padding: 3px;
	background: white;
	border: 1px solid #ccc;
}
    
    #sub-content-right ul {
    	margin-left: 0;
    	padding-left: 9px;
    	line-height: 1.6em;
    }
    
    #sub-content-right ul li {
    	list-style-type: none;
    	background: transparent url('/images/bullet_green.gif') no-repeat left top;
    	padding-left: 20px;
    	padding-bottom: 8px;
    }
    
    #sub-content-right h2 {
        font-size: 150%;
    }

#faq-toc {
	float: left;
	width: 300px;
	background: #efefef;
	padding: 8px;
	margin-right: 10px;
	margin-bottom: 10px;
}

#certificate {
	width: 500px;
	height: 389px;
	background: white url(/images/guarantee_certificate.jpg) no-repeat left top;
}

#terms-win {
	font-size:14px;
	text-align:left;
	padding: 8px;
}

	#certificate #inner-text {
		font-size:14px;
		height:276px;
		left:57px;
		line-height:1.6em;
		overflow:scroll;
		position:absolute;
		text-align:left;
		top:77px;
		width:405px;
	}
    
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.flash {
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 10px;
}

.flash table td {
	border: 0;
}

#flash_err {
	background-color:#FDD;
	border:1px solid #F00;
}

#flash_ok {
	background-color:#DFD;
	border:1px solid #0F0;
}

#flash_warn {
	background-color:#FFD;
	border:1px solid #FF0;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}

.column {
    width: 495px;
    margin: 0;
    padding: 24px 8px 0 10px;
    float: left;
    text-align: left;
    }
    
    .column p {
        line-height: 1.3;
        color: #333;
        }
    
.what h3, .look h3 {
    color: #9bbc38;
    font-size: 180%;
    margin: 0 0 5px 0;
    padding: 0;
    }

.column-promo {
    background: white url(/images/promo_girl_bg.jpg) no-repeat top left;
    width: 258px;
    height: 300px;
    margin: 6px 0 0 0;
    padding: 0;
    float: left;
    text-align: left;
    }
    
    .column-promo a {
        width: 258px;
        height: 300px;  
        display: block;
    } 
    
#footer {
    height: 58px;
    width: 774px;
    margin-top: 20px;
    background: #000 url(/images/footer_bg.gif) no-repeat top left;
    clear: both;
}

#copyright {
    width: 472px;
    color: white;
    text-align: left;
    float: left;
    padding: 8px;
    }
    
    #copyright h4 {
        font-size: 100%;
        color: white;
        font-weight: bold;
        margin: 0 0 4px 0;
        }
        
    #copyright p {
        font-size: 90%;
        margin: 1px;
        line-height: 1.1;
        color: #a6a6a6;
        }

#sub-menu {
    float: left;
    padding: 8px;
    width: 268px;
    margin: 0;
}

    #sub-menu ul {
        list-style-type: none;
        margin: 0 auto;
        padding: 0;
        }
        
        #sub-menu ul li {
            float: left;
            display: block;
            padding: 0 9px;
            border-right: 1px solid #5c5c5c;
            text-align: center;
            width: 70px;
            }
            
        #sub-menu ul li.last {
            border: none;
            }
            
            #sub-menu ul li a {
                color: #a6a6a6;
                text-decoration: underline;
                font-size: 90%;
                }
                
            #sub-menu ul li a:hover {
                color: #f5f5f5;
                text-decoration: none;
                font-size: 90%;
                }
#billboard-small {

    }

#billboard-small-2 {

}

#billboard-small-3 {

    }
    
/* BIG TABS */
#billboard-base {

    }
    
.billboard-text-content a:link, .billboard-text-content a:visited  {
    color: white;
    text-decoration: underline;
}
   
    
#billboard-tabs {
    margin: 55px 0 0 0;
    padding: 0;
    float: left;
    width: 448px;
    }
    
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .tabs-nav {
        display: none;
    }
}

.tabs-nav {
    list-style-type: none;
    width: 430px;
    height: 55px;
    margin: 70px 10px 0 0px;
    padding: 0;
    float: left;
}
.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.tabs-nav li {
    display: block;
    float: left;
    width: 86px;
    height: 56px;
    margin: 0;
    padding: 0;
    background: url(/images/back_bg.jpg) no-repeat top left;    
}
.tabs-nav li a {
    border: none;
    width: 66px;
    height: 38px;
    margin: 0;
    padding: 18px 12px 0 12px;
    display: block;
    color: white;
    text-align: center;
    text-decoration: none;
    font-size: 110%;
    background: none;
}

.tabs-selected {
    cursor: text;
}

.tabs-nav .tabs-selected {
    background: url(/images/tab1_bg.jpg) no-repeat top left;
}

.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited,
.tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
    
}
.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.tabs-nav .tabs-disabled {
    opacity: .4;
}

/* used from static graphics in billboard area.
To use flash, uncomment the billboard-flash divs in index.tpl */
#billboard1, #billboard2, #billboard3, #billboard4, #billboard5 {
    width: 720px;
    height: 240px;
}

#billboard1 {
    background: url(/images/tab1_graphic_bg.jpg) no-repeat top left;
}
#billboard2 {
    background: url(/images/tab2_graphic_bg.jpg) no-repeat top left;
}
#billboard3 {
    background: url(/images/tab3_graphic_bg.jpg) no-repeat top left;
}
#billboard4 {
    background: url(/images/tab4_graphic_bg.jpg) no-repeat top left;
}
#billboard5 {
    background: url(/images/tab5_graphic_bg.jpg) no-repeat top left;
}
    
.tabs-container {
    color: white;
    padding: 10px 20px 0 25px;
    text-align: left;
    float: left;
    width: 734px;
    /*background: #fff;  declare background color for container to avoid distorted fonts in IE while fading */
}

.tabs-container .billboard-text-content {
    float: left;
    width: 500px;
    margin-right: 10px;
}
    .tabs-container h3 {
        font-size: 270%;
        font-weight: normal;
        margin: 5px 0 18px 0;
        padding: 0;
        float: left;
        /*width: 700px;*/
        }
        
    .tabs-container p {
        font-size: 165%;
        font-weight: normal;
        margin: 0;
        padding: 0;
        line-height: 1.3;
        width: 480px;
        float: left;
        }
        
    .tabs-container a img {
        margin: 18px 0 0 45px;
        
        }
        
    .tabs-container ul {
        list-style-type: disc;
        width: 280px;
        float: left;
    }


    
form table tbody th {
	text-align:right;
}
  
#form-submit {
    clear: both;
    width: 360px;
    margin: 12px auto 20px auto;
    text-align: center;
    }
    
    .button-submit {
    font-size: 110%;
    width: 300px;
    border: 1px solid #8ecbf8;
    background: #5a83a2 url('/memberarea/images/default_button_bg.gif') repeat;
    padding: 3px;
    color: white;
    }
    
td.form-label, th {
	padding-top:5px;
    vertical-align:top;
    width: 80px;
    border: none;
}

td.form-label {
	text-align: right;
	padding-right: 8px;
	width: auto;
	border: none;
}

.agreement-label {
    /*font-size: 80%;*/
    }

td.form-input {
	background: #efefef url('/memberarea/images/form-bg.gif') repeat;
	padding: 3px;
	border: none;
}

td.form-input input {
	width: 220px;
}

fieldset {
    margin-top: 8px;
    border: none;
    border-bottom: 1px dotted #ccc;
}

.first {
    border-top: 1px dotted #ccc;
}

legend {
	font-weight: bold;
	font-size: 14px;
	color: #003399;
}

.billboard-flash {
    float: left;
    width: 210px;
    height: 230px;
    margin: 6px 0 0 0;
    text-align: center;
    }
    
    .billboard-flash a {
        display: block;  
        margin: 210px auto;
        color: white;
        font-size: 150%;
    }

.date {
        width: 80px;
        padding-left: 20px;
        background: #fff url(/memberarea/images/calendar_16.gif) no-repeat top left;
        font-family: "Lucida Sans Unicode", "Lucida Sans", "Arial", sans-serif;
        font-size: 11px;
}

.template-info {
	clear: both;
	font-size: 11px;
	color: #fff;
	padding: 0 6px 4px 10px;
	text-align: center;
}

.template-info a:link, .template-info a:visited {
	color: #efefef;
}

#memTemplateDiv {
	width: 592px;
}

.template-thumbs {
	float: left;
	background: #EFEFEF;
	border-left: 1px solid #CECECE;
	border-right: 1px solid #CECECE;
	width: 590px;
}

.template-thumb {
	background: #efefef url(../memberarea/images/template_label.gif) no-repeat 8px bottom;
	margin: 7px;
	float: left; 
	width: 175px; 
	padding: 3px;
	color: white;
  	height:220px;
}

.template-thumb img {
	width: 155px;
	height: 161px;
	cursor: pointer;
}

.template-pagination {
	width: 100%;
	background: transparent;
	margin: 0;
	font-size: 11px;
	display: block;
	clear: both;
	padding-top: 20px;
}

.template-pagination .current-page {
	font-weight: bold;
	background: #aaa;
	border: 1px solid #777;
	color: white;
	padding: 1px 5px 1px 5px;
	position: relative;
}

.template-pagination a {
	border: 1px solid #aaa;
	color: #555;
	text-decoration: none;
	padding: 1px 5px 1px 5px;
	position: relative;
	background: #fff;
}

.template-pagination a:hover {
	background: #ffffce;
}

#application {
	float: left;
	padding-left: 30px;
	padding-top: 13px;
	padding-bottom: 40px;
	max-width: 670px;
}

#application ul {
	line-height: 1.5em;
}

.img-shadow {
  float:left;
  background: url(../memberarea/images/shadowAlpha.png) no-repeat bottom right !important;
  background: url(../memberarea/images/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
}

.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
}
  
#template-thumbs-bottom {
	background: #fff url(../memberarea/images/template_chooser_bottom.gif) no-repeat left bottom;
	width: 593px;
	height: 16px;
	clear: both;
	margin-bottom: 10px;
}

#tagfilter-header {
	background: #555 url(../memberarea/images/tag_filter_top.gif) no-repeat left top;;
	color: white;
	padding: 6px;
	font-weight: bold;
	float: left;
	width: 580px;
}

#tagfilter-header #heading {
	background: transparent url(../memberarea/images/icon_tags.gif) no-repeat 0 3px;
	padding: 3px;
	padding-left: 20px;
	float: left;
	font-size: 14px;	
}

h1 {
	color:#006BB6;
	font-family:verdana;
	font-size:17px;
}