/*** Reset ***/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, 
small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,textarea,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0; padding: 0; outline: 0; font-weight: inherit; font-style: inherit; 
    font-family: inherit; vertical-align: baseline;
}
div, span, img, table, tr, td, ul, li{zoom:1}
html, body {
width:100%; 
height:100%; 
padding:0; 
margin:0;
}
body {
    font-family: "Geneva","Verdana","Helvetica","Arial",sans-serif;
    background: #1F1B0F;
    color:#333333;
}

p, li, td {
    font-size: 12px;
}
.portal_forum_header_column,
.forum-table [class*="-portal"],
.forum-thread [class*="-portal"],
label[for="pref_forum_political"],
[id*="portalContent_"] [class*="-portal"],
.forum-thread [class*="-portal"] a {
	font-size: 13px;
}
[id*="portalContent_"] [class*="-portal"] a {
	display: inline-block;
	padding-bottom: 5px;
}
.forumbar select {
	max-width: 300px;
}
	
.forumbar select * {
	font-size: 14px;
}
b, strong {
	-webkit-font-smoothing: antialiased;
}
.forum-thread-post .thread_title,
.forum-thread-post .thread_content_wrapper,
.forum-thread-post .thread_content_wrapper :not(span):not(strong),
.forum-thread-message {
    font-size: 16px;
}
.forum-thread-post .thread_content_wrapper blockquote {
    padding: 5px 15px;
    margin: 10px 0;
    border-left: 5px solid #c1c1c1;
}
.forum-thread-post .thread_content_wrapper blockquote p:first-of-type {
	margin: 0;
}
.forum-thread-post .thread_content_wrapper blockquote > br,
.forum-thread-post .thread_content_wrapper blockquote + br,
.forum-thread-post .thread_content_wrapper p + br + br {
    display: none;
}
.forum-thread-post .thread_content_wrapper a {
	text-decoration: underline;
}
.forum-thread-post .thread_content_wrapper {	
	display: block;
	overflow-x: auto;
}
.forum-thread-post .thread_content_wrapper img {
	max-width: 100%;
	max-height: 100%;
	height: auto !important;
}

ul, ol { 
	margin:0;
	padding-left:20px; 
}
ul { 
	list-style-type: disc;
}
ul li, ol li { 
	vertical-align:text-top;
}

img { border: 0;}

a, a:hover { 
    text-decoration: underline;
}

.photo-link, a.photo-link {
	color: #905d16;
	text-decoration: none; 
	font-family: Georgia,"Times New Roman",Times,serif;
	font-size:14px;
}

a.photo-link:hover { 
	color: #524023; 
	text-decoration: underline;
}

.btn{
    padding:2px 7px;
    margin: 5px 0;
    background:#524023;
    border:1px solid #34260d;
    *white-space:nowrap;
        /* For WebKit (Safari, Google Chrome etc) */
        background: -webkit-gradient(linear, left top, left bottom, from(#524023), to(#886e47));
        /* For Mozilla/Gecko (Firefox etc) */
        background: -moz-linear-gradient(top, #524023, #886e47);
        /* For Internet Explorer 5.5 - 7 */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#26524023, endColorstr=#26886e47);
        /* For Internet Explorer 8 
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#26524023, endColorstr=#26886e47)";*/
    
}

.btn a{
    color: #fff;
    text-decoration: none;
    text-shadow: 1px 1px 2px black;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#999999,direction=135,strength=2);
}
.btn:hover{
    background: #524023;
    cursor: pointer;
    filter:none !important;
    -ms-filter:none !important;
}

h1 #logo, #logo {
    position: relative;
    left:20px;
    max-width: 100%;
}
.goto-mcaf {
    left: 31px;
    position: relative;
    text-transform: uppercase;
    bottom: 2px;
}
.goto-mcaf a {
    color: #fff;
    text-decoration: none;
}
.header-table {
	padding-left: 20px;
}
.header-table #logo,
.header-table .usaa-banner-protected {
	left: auto;
}
#sleeve-container {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box; 
}
#sleeve-container .personal_info_rank_rank_bottom img {
	display: block;
	margin: auto;
}

/*** Top Box ***/
#topbox{
    margin-top:20px;
    margin-right:40px;
}

.usaa-banner-protected{
	display: inline-block;
	float:right;
	position: relative;
	top: 11px;
	left: 20px;
}

.usaa-banner-protected img{
	display: block;
	border: none;
	max-width:100%;
}

#topbox ul{
	margin-left:-20px;
    float:right;
    margin-bottom:10px;
    color: #7c7c7c;
}
#topbox ul a{
    color:#ccc;
    text-decoration: none;
}

#topbox ul.access-branch-lists,
.access-branch-lists {
    margin-top: 17px;
    float: right;
}
#topbox ul li,
.access-branch-lists li {
    float:left;
    display: inline;
    list-style: none;
    margin-right:5px;
    border-right:1px solid #7c7c7c;
    padding-right:5px;
    line-height: 1;
}
#topbox ul li:last-child,
#topbox ul li.last-child {
	border-right: none;
	padding-right: 0;
	margin-right: 0;
}
#topbox ul.access-branch-lists li,
.access-branch-lists li {
    border: none;
    margin-right: 7px;
}
#topbox ul.access-branch-lists li:last-child,
.access-branch-lists li:last-child,
.access-branch-lists li.last-child {
    border:none;
    padding:0;
    margin:0;
}
#quicksearch{
    width:105px;
    margin-top:4px;
    padding: 2px 1px;
    border: none;
}
#quickgo{
    float:right;
    margin-top:4px;
}
#q_options{
    width:140px;
}

#search-nav { 
    background: url(../../../images/zehner/bg-search-nav.jpg);
    float: right;
    height: 99px;
    width: 408px;
    display: block;
}

#search-nav select {
    margin: 39px 5px 0 26px;
    background-color: #c6c6c6;
    border: 0; 
}

#search-nav input.quicksearch {
    vertical-align: bottom;
    text-align: center;
    width: 122px;
    border: 0;
    height: 19px;
    border: 1px solid #918e89;
}

#search-nav input.btn-go {
    text-indent: -9999px;
    vertical-align: bottom;
    border: 1px solid #5a5a5a;
    margin-left: -7px;
}

#search-nav .links a, #search-nav .links a:hover  {
    padding-left: 5px;
    font-size: 12px;
    color: #201502;
    text-decoration: none;
}

.module.welcome {
    border: none;
    margin-top: 0;
    margin-bottom: 0px;
    position: relative;
    width:100%;
    float: left;
}

.module.welcome .module-header {
    background:#A46E14;
float:left;
padding:2px 0;
width:100%;
}

    .module.welcome .module-header a.btn {
        margin-top: 4px;
    }

    .module.welcome .module-header h3 {
        color: #FFF;
        padding: 0 6px;
    }

#page-left .edit-btns { 
    float: right; 
    padding: 1px 6px 0 0;
}

hr.welcome-rule { 
    background-color: #966828; 
    border: 0; 
    height: 1px; 
    width: 100%; 
}

.titles h3 { 
    font-size: 15px;
    float: left;
    margin: 0px 0 0px 7px;
}
.titles .reconnect { 
    font-size: 12px;
    float: right;
    margin-right:10px;
    color: #ccb48f;
    margin-top: 7px;
}

.titles .reconnect a { 
    color: #fff;
    text-decoration: none;
    text-decoration: underline;
}

.titles .reconnect a:hover{ 
    color: #fff;
    text-decoration: none;
}
.titles h3{
    color:#331700;
}

/*** SITREP ***/
.sitrep-wrapper { 
    clear:both;
    float:left;
    margin:2px 0 0px 15px;
    position:relative;
    top:20px;
    width:96%;
}
.sitrep-arrow{
    background:url("../../../images/zehner//bg-sitrep-arrow.png") no-repeat scroll 0 0 transparent;
    display:block;
    height:18px;
    left:50%;
    position:absolute;
    top:-18px;
    width:20px;
    
}
.results .module-header{
    margin-bottom: 25px !important;
}
.sitrep-inner .btn{
    margin-top:5px !important;
}
.service_photo{
    float:left;
    width:132px;
    text-align:left;
    font-size: 11px;
}

.sitrep-inner strong{
    border-radius: 3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    behavior:url(PIE.htc);
    margin-top:4px;
    background:none repeat scroll 0 0 #CCCCCC;
    display:inline;
    float:left;
    line-height:1em;
    padding:5px;
    text-transform:uppercase;
}
.titles{
    background:none repeat scroll 0 0 #A46E14;
    float:left;
    padding:5px 0;
    width:100%;
    clear: both;
    bottom:60px;
}
.welcome .titles h3{
color:#ccb48f;
font-weight: bold;
}
.welz{
    width:100%;
    color: #fff !important;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size:18px !important;
    font-weight: normal;
}
.profile .module-header{
    background: url("../../../images/zehner/module-bg-gradient.gif") repeat-y scroll right top transparent !important;
}
.profile .module-content{
    float:left;
    width:100%;
}
    
    .sitrep-wrapper .sitrep-inner {
        position: relative;
        color: #000;
        padding: 0 5px;
        background: #FFF;
        border: 1px solid #CDCDCD;
        border-width: 1px;
        min-height: 30px;
        font-size: 12px;
        line-height: 30px;
        border-radius: 3px;
        -moz-border-radius:3px;
        -webkit-border-radius:3px;
        behavior:url(PIE.htc);
    }

    .sitrep-wrapper .excerpt { 
        color:#666666;
float:left;
margin-left:5px;
overflow:hidden;
/*white-space:nowrap;*/
width:75%;
    }

    .sitrep-wrapper .days {
        color:#838383;
font-size:10px;
margin-left:5px;
margin-right:5px;
    }

    .sitrep-wrapper a {
        color: #905d16; 
        text-decoration: underline; 
    }

    .sitrep-wrapper a:hover{ 
        color: #524023;
        text-decoration: underline;
    }

    .sitrep-wrapper a.btn {
        float: right;
        margin: 5px 0 0 0;
        color: #ffffff;
        text-decoration: none;
        line-height: 1em;
        text-shadow:0 2px 3px #000000;
    }
    
.titles p { 
    margin-left: 10px;
}


.image-module {
    clear: both;
    margin-top: 10px;
    border-top: 1px solid #CECECE;
}

    .image-module .close-module {
        position: relative;
        top: -15px;
    }

    .image-module img.thumbnail {
        float: left; 
        margin: 15px 0 0 15px;
    }

    .image-module .image-module-content {
        padding: 10px 10px 0 0;
        margin-left: 190px;
    }

    .image-module h4 {
        font-family: Georgia, "Times New Roman", Times, serif;
        font-size: 16px;
        color: #905d16;
    }

    .image-module p {
        line-height: 16px;
        padding-top: 5px;
        color: #333333;
    }

.shadowbox a, .shipmates a{
    color: #966828;
    text-decoration: underline;
}
    
.shadowbox a:hover, .shipmates a:hover {
    color: #524023;
    text-decoration: underline;
}   

hr.left-gray { 
    background-color: #c4c4c4; 
    border: 0; 
    height: 1px; 
    width: 100%; 
    display: block;
    float: none;
}

.shipmates h4 {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 16px;
    color: #905d16;
    padding-top: 18px;
}

.tsw-portal h4 {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 16px;
    color: #905d16;
    padding-top: 25px;
}

ul.icon-grid {
    list-style-type: none;
}
    
ul.icon-grid li {
    float: left;
}

ul.icon-grid li a { 
    display: block;
    text-align: center;
    line-height: 16px;
    color: #905d16;
    text-decoration: none;
    padding: 10px 20px;
}

ul.icon-grid li a:hover { 
    color: #524023;
    text-decoration: underline;
}

ul.icon-grid li img {
    padding-bottom: 5px;
}

ul.icon-grid li a span.title {
    display: block;
    text-align: center;
}

/*** Education Center ***/
.module.tws-edu-center h3 {
    visibility: hidden;
}

.module.tws-edu-center h4 {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 16px;
    color: #905d16;
}

.latest-photos .radio .radioinput {
    margin-top: -25px;
    font-family: "Geneva","Verdana","Helvetica","Arial",sans-serif; 
    font-size: 12px; }


ul.gallery { width: 100%;}

.gallery li {
    background: url(../../../images/zehner//bg-latest-photos.gif) no-repeat;
    font-family: "Geneva","Verdana","Helvetica","Arial",sans-serif;
    font-size: 12px;  
    list-style: none;
    width: 146px;
    height: 152px;
    float: left;
    padding-right: 5%;
    text-align: center;
    line-height: 16px;
    margin-bottom: 20px;
}
.gallery li.last {
    padding: 0; }
    
.gallery li img.gallery-th1 {
    text-align: center;
    border: 2px solid #fff;
    margin-top: 20px;
    margin-bottom: 10px;
}

.gallery li img.gallery-th2 {
    text-align: center;
    border: 2px solid #fff;
    margin-top: 10px;
}

.gallery li img.gallery-th3 {
    text-align: center;
    border: 2px solid #fff;
    margin-top: 30px;
    margin-bottom: 30px;
}
    
.gallery li a { 
    color: #905d16;
    text-decoration: none;
}

.gallery li a:hover { 
    color: #524023;
    text-decoration: underline;
}   
    
.module.homepage, .module.invite, .module.connect, .module.shipmates, .module.shipmate-activity,
.module.search, .module.results, module.profile  {
    background: #A46E14;
    height: 28px; 
    line-height: 28px;
    color: #FFF;
    border: none;
    margin: 0; 
}

    .module.homepage .module-header, 
    .module.invite .module-header, 
    .module.connect .module-header, 
    .module.shipmates .module-header,
    .module.shipmate-activity .module-header,
    .module.search .module-header,
    .module.results .module-header,
    .module.profile .module-header {
        background:none repeat scroll 0 0 #A46E14;
	    float:left;
	    padding:2px 0;
	    width:100%;
    }
    
    .module.homepage .module-header a.btn, 
    .module.shipmates .module-header a.btn,
    .module.shipmate-activity .module-header a.btn,
    .module.search .module-header a.btn,
    .module.results .module-header a.btn,
    .module.profile .module-header a.btn  {
        margin-top:2px;
    }

    .module.homepage .module-header h3 { 
        color:#FFFFFF;
        float:left;
        font-family:"Geneva","Verdana","Helvetica","Arial",sans-serif;
        font-size:16px;
        text-indent:10px;
        text-transform:uppercase;
        font-weight: bold;
    }
    
    .module.invite .module-header h3 { 
        font-family: "Geneva","Verdana","Helvetica","Arial",sans-serif;
        font-size:16px;
        color: #fff;
        text-transform: uppercase;
        text-indent: 10px;
        font-weight: bold;
    }
    
    .module.connect .module-header h3 {
        font-family: "Geneva","Verdana","Helvetica","Arial",sans-serif;
        font-size:16px;
        color: #fff;
        text-transform: uppercase;
        text-indent: 10px;
        font-weight: bold;
        
    }
    
    .module.shipmates .module-header h3 {
        font-family: "Geneva","Verdana","Helvetica","Arial",sans-serif;
        font-size:16px;
        color: #fff;
        text-transform: uppercase;
        text-indent: 10px;
        font-weight: bold;
    }
    
    .module.shipmate-activity .module-header h3 {
        font-family: "Geneva","Verdana","Helvetica","Arial",sans-serif;
        font-size:16px;
        color: #fff;
        text-transform: uppercase;
        text-indent: 10px;
        font-weight: bold;
    }
    
    .module.search .module-header h3 {
        font-family: "Geneva","Verdana","Helvetica","Arial",sans-serif;
        font-size:16px;
        color: #fff;
        text-transform: uppercase;
        font-weight: bold;
    }

    .module.results .module-header h3 {
        font-family: "Geneva","Verdana","Helvetica","Arial",sans-serif;
        font-size:16px;
        color: #fff;
        text-transform: uppercase;
        text-indent: 10px;
        float: left;
    }
    .prof h3{
    font-family: "Geneva","Verdana","Helvetica","Arial",sans-serif !important;
    color: #331700 !important;
    font-weight: normal !important;
    margin: 0 !important;
    font-size:15px !important;
    }

    .module.profile.module-header h3 {
        /*background: url(../../../images/zehner/header-results.gif) center center no-repeat;*/
        height: 26px;
        width: 84px;
        text-indent: -9999px;
        font-weight: bold;
    }

.module.profile, .module.forget { 
    clear: none;
    float: left;
    width: 48%;
    *width:47%;
    background: url(../../../images/zehner/bg-gradient-mod.gif) no-repeat;
    background-position: top right;
}

.module.forget {
    margin-left: 4%;
}

.module-content p.profile { 
    padding-top: 14px;
}

.profile-th {
    float: left; 
    margin: 1% 3% 0 0;
}

.profile p, .forget p {
    font-family: "Geneva","Verdana","Helvetica","Arial",sans-serif;
    font-size: 12px;
    line-height: 16px;
    margin: 5px 0 !important;
    color: #333333;
    width:42% !important;
    float: left;
}

.military-news .module-content, .navigate .module-content {
z-index: 1;
position: relative;
}

.classified {
    background: #F7EEDB url(../../../images/zehner/bg-classified.jpg) no-repeat;
    height: 42px;
    margin-bottom: 30px;
}

.classified p {
    font-size: 10px;
    color: #333333;
    float: right;
    padding: 8px 0;
    width: 45%;
}

.answers { 
    float: left;
    margin: 0;
}

fieldset.answers { 
    float: left;
    padding: 3px 7px 10px 7px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

.answers p { 
    color: #905d16 !important; 
    width:100% !important;
    margin:5px 0 5px 0;
    float: left;
}
.answers p input{
    float:left;
}

.question { 
    color: #414141;
    width:100% !important;
    line-height: 18px !important;
}

.question p strong {
	float:left;
	font-weight:bold;
	margin:0 0 5px;
	width:100%; 
	*padding-bottom:5px;
}

.module { 
    border-top: 1px solid #cecece;
    clear: both;
    
}

    .module .module-header {
        background: url(../../../images/zehner/module-bg-gradient.gif) top right repeat-y;
        margin-bottom: 10px;
    }
    .ribbon .module-header{
    clear: both;
    }

    .module .module-header h3 {
        font-family: Georgia, "Times New Roman", Times, serif;
        font-size: 17px; 
        color: #434343;
        line-height: 30px;
        
    }
    .latest-photos .module-header h3{
    display: inline;
    }
    .module .module-header a.btn {
        float: right;
        margin: 5px 5px 0 0;
        line-height: 16px;
        text-shadow:0 2px 3px #000000;
    }
.tblright{
text-align: right;
}
.service-details .sphotos{
width:134px !important;
}
.module-content{
width:100%;
}   
.module-content p {
    font-size: 12px;
    line-height: 16px;
    margin: 10px 0 15px 0;
    color: #424242;
}
.close-module {
    float: right;
    height: 20px;
    padding: 5px;
    background: url(../../../images/zehner/module-bg-gradient.gif) top right repeat-y;
    width: 150px;
    text-align: right;
}

    .close-module a.module-close {
        float: right;
    }

a.module-close {
    display: block;
    width: 21px;
    height: 20px;
    background: url(../../../images/zehner/btn-module-close.gif) 0 0 no-repeat;
    text-indent: -9999em;
    float: right;
    margin-top:5px;
    margin-right:5px;
}

.nor{
    border-top: none;
}
    a.selecter{
        background-position: 0 100%;
    }

.message-fullcontent span[dir="ltr"] {
	display: none;
}
.module.messages p { 
    padding-top: 5px;
    color: #7f7f7f;
}

/*** Comments ***/
.module.comments {
    border: none;
    margin: 0 0 20px 0;
}

    .module.comments textarea#comment-text {
        width: 100%;
    }

.module.comments h4 {
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    color: #878787;
}

.headlines { 
    float: left;
    width: 42%; 
    position: relative;
}

.summary { 
    float: left; 
    width: 44%; 
    margin-left: 35px;  
    padding-left:15px;
    background-color: #fef5e6; 
}

.headlines, .headlines .title, .summary p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #363636;
}

.headlines p, .summary p { 
    margin: 10px 0;
    display: block;
    float: left;
}

.headlines h4 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #363636;
    text-transform: uppercase;
    font-weight: bold;
    padding-top: 10px;
}

.headlines .selected {
    color: #905d16;
    background-color: #fef5e6; 
}

.summary h4 {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 14px;
    color: #905d16;
    font-weight: bold;
    padding-top: 10px;
}
.headlines p{
margin: 5px 0;
    min-height:33px;
  height:auto !important;
  height:33px;
  width:92%;

}
.headlines p:hover{
    cursor: pointer;
}
.arrow { 
    float:left;
    height:33px;
    position:relative;
    right:-5px;
    top:5px;
    width:11px;
}


table.new-members tbody tr.even td, table.side2 tbody tr.even td {
    background: #f0f0f0;
}

.status { 
    color: #0456ff; 
}

ul.newest-members {
    list-style-type: none;
    margin: 0 0 15px 0;
}

    ul.newest-members li.member {
        float: left;
        width: 50%;
        display: block;
        font-size: 12px;
        color: #606060;
        line-height: 20px;
    }
    
    ul.newest-members li.even {
        background: #EEE;
    }

table.forum-results {
    width: 100%;
    border-collapse: collapse;
    margin: 10px 0 0 0;
}

table.forum-results tbody tr td {
    height: 22px;
    font-size: 12px;
    color: #606060;
}

table.forum-results tbody tr td {
    padding: 0 3px;
    line-height: 20px;
}

table.forum-results tbody tr td.date {
    text-align: right;
}

table.forum-results tbody tr.even td {
    background: #f0f0f0;
}

.header-title {
    background: #966828 url(../../../images/zehner/bg-header-gradient.gif) repeat-x;
    height: 28px; 
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 18px; 
    color: #fff;
    padding: 6px 0 0 0;
}

h2.recent-shipmate-activity { 
    background: url(../../../images/zehner/header-shipmate-activity.gif) no-repeat;
    height: 18px;
    width: 220px;
    float: left;
    text-indent: -9999px;
    margin: 2px 0 18px 10px; 
}

h2.my-shipmates { 
    background: url(../../../images/zehner/header-my-shipmates.gif) no-repeat;
    height: 18px;
    width: 122px;
    float: left;
    text-indent: -9999px;
    margin: 2px 0 18px 10px; 
}

.recent-photo-gallery li {
    font-family: "Geneva","Verdana","Helvetica","Arial",sans-serif;
    font-size: 12px;  
    list-style: none;
    width: 30%;
    min-height: 120px;
    float: left;
    padding: 5px 20px 0 0px;
    text-align: left;
    line-height: 16px;
}

.recent-photo-gallery li img {
    padding-bottom: 5px;
}
    
.recent-photo-gallery li a { 
    color: #905d16;
    text-decoration: none;
}

.recent-photo-gallery li a:hover { 
    color: #524023;
    text-decoration: underline;
}

.recent-photo-gallery li a.photo-name {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 14px;    
    margin: 5px 0 2px 0; 
}

.recent-photo-gallery li.last {
    margin: 0;
    float: right;
}
.military-news{
*z-index: 1;
}
/*.date { 
    font-size: 11px; 
    font-weight: bold;
    text-transform: uppercase;
    color: #434343;
 }
*/

/*** Shipmate Messages ***/

.toggle {
    float: left;
    margin: -5px 0 5px 0;
}

.pages {
    list-style: none; 
    float: right;
    padding:0;
    margin: 0;
    display: block;
    *white-space: nowrap;
}

.pages li { 
    float: left;
    text-align: right;
    padding: 0 2px;
    display: block;
    font-size: 11px;
}

table.shipmate-messages {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #cacaca; 
    font-family: Arial, Helvetica, sans-serif;
    margin-top:10px;
}


table.shipmate-messages tbody tr td {
    text-align: left;
    font-size: 12px;
    color: #606060;
}


.pagination-module {
    margin: 20px 0 30px 0;
    display: block;
    clear: both;
}

.pages a, table.shipmate-messages a {
    color: #905d16; 
    text-decoration: none;  
}
.ttl{
line-height:1px;
margin:0 !important;
width:100% !important;
font-weight: bold;
}
.message p{
margin:0 !important;
width:100% !important;
}
span.message p.ttl a{
    font-weight: bold;
}

.pages a:hover, table.shipmate-messages a:hover {
    color: #524023;
    text-decoration: underline;
}


table.shipmate-messages caption {
    background-color: #A46E14;
    border-top: 1px solid #CACACA;
    float: left;
    padding: 1% 0px;
    width: 100%;
}

table.shipmate-messages tbody tr td img {
    margin: 10px; 
    float: left;
}

table.shipmate-messages tbody tr td span.message {
    margin-top: 15px; 
    float: left;
}

table.shipmate-messages tbody tr td span.more {
    margin: 15px 20px 0 0; 
    float: right;
    text-align: right;
}

table.shipmate-messages tbody tr td span.more2 {
    margin: 7px 20px 0 0; 
    float: right;
    text-align: right;
}
table.shipmate-messages tbody tr.even td {
    background: #f0f0f0;
}

.select-all {
    float: right;
    color: #fff;
    font-size: 14px;
    padding-right: 10px;
}

.checkbox {
    float: right;
    margin: 20px 10px 0 0;
}
.checkbox a{
    display:block;
    text-align: right;
}
caption.hgt{
    height:26px;
}

button {
    cursor: pointer;
    font-size: 12px;
    margin: 0;
    padding: 5px;
    *outline: none;
    outline-color:transparent;
    outline-style:none;
    outline-width:thin;
}

.send-invite {
    margin: 10px 0;
}

.shipmate-messages button{
    white-space: nowrap;
    float: left;
    margin-left:5px;
}
/*** Invite - Extend the cameraderie ***/

.module.cameraderie p {
    margin: 10px 0 15px 0; 
    color: #424242;
    line-height: 16px;
}

.module.invite-form {
    border-top: none;
    margin-top: 50px;
}
    
    .module.invite-form p {
        margin: 10px 0 15px 0;
    }

    .required {
        color: #c10202; 
    }

    label { 
        vertical-align: top;
    }
    
    label.branch {
        float: left;    
    }
    
    input.first, input.last {
        margin-left: 7px;
    }
    
    select.rank {
        margin-left: 50px;
    }
    
    input.email {
        margin-left: 40px;
    }
    
    textarea.textarea { 
        margin-left: 21px;
    }
    
    .populated-name {
        color: #777777;
        font-weight: bold;
        margin-left: 50px;
    }
    
    .populated-email {
        color: #777777;
        font-weight: bold;
        margin-left: 8px;
    }

table.branch { 
    margin-bottom: 10px;
}

table.branch tr td {
    text-align: center;
    width:100px;
}

button.send-invite {
    background: url(img/btn-send-invite.gif);
    width: 83px;
    height: 19px;
    border: 0;
    margin-top: 10px;
}

/*** Recent Photos ***/

.recent-photo-gallery li {
    font-size: 11px;  
    list-style: none;
    width: 28%;
    min-height: 120px;
    float: left;
    padding: 3% 4% 0px 0px;
    text-align: left;
    line-height: 16px;
    display: block;
}

.recent-photo-gallery li img {
    padding-bottom: 5px;
}
    
.recent-photo-gallery li a, .pages a { 
    color: #905d16;
    text-decoration: none;
}

.recent-photo-gallery li a:hover, .pages a:hover { 
    color: #524023;
    text-decoration: underline;
}

.recent-photo-gallery li a.photo-name {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 14px;    
    margin: 5px 0 2px 0; 
}

.recent-photo-gallery li.last {
    margin: 0;
    float: left;

}

.date { 
    font-size: 11px; 
    font-weight: bold;
    text-transform: uppercase;
    color: #434343;
 }
 
/*** Search ***/
 
select.details {
    float: right;
    margin: 0 5px 0 0;
    
}

form.search {
    margin-top: 25px;
}

.module .module-header a.search-btn {
    margin: 15px 0; 
}

.right { 
    float: right;
}

input.zipcode {
    color: #949494;
}

input.zipcode2 {
    margin-left: 26px;
}

input.textfield, select.textfield {
    margin-left: 10px;
}

input.search-email {
    margin-left: 43px;
}

select.location, input.birthday {
    margin-left: 23px;
}

select.birthplace, input.birthyear {
    margin-left: 14px;
}

.proximity { 
    margin-left: 19px; 
    vertical-align: top;
}

/*** Results ***/

table.results {
    width: 100%;
    border-collapse: collapse;
    border:1px solid #9C9C9C;
}
#shipmates_select_buttons{
    float:right;
    margin-top:5px;
}

table.results tr.title td {
    height: 28px;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    padding: 8px 0 0 15px;
}

table.results tr td {
    height: 20px;
    font-size: 12px;
    color: #606060;
    padding-left: 15px;
}

table.results tr td.profile {
    padding-left: 33px;
}

input.select { 
    margin-left: 12px; 
}

table.results tr.even td {
    background-color: #f0f0f0;
}
table.results tr.plain td {
    background-color: #ffffff;
}

/*** Active Forum Threads ***/

table.forum-threads {
    width: 100%;
    margin: 0;
    border-collapse: collapse;
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 10px;
}

table.forum-threads tbody tr td {
    height: 22px;
    text-align: left;
    font-size: 12px;
    color: #606060;
}

table.forum-threads tbody tr td {
    padding:3px 0 0 12px; 
    text-align: left;
}

table.forum-threads tbody tr td.time {
    padding: 3px 5px 0 12px; 
    text-align: right;
}

table.forum-threads tbody tr.even td {
    background: #f0f0f0;
}

.display-table {
    font-size: 11px !important;
    font-family: "Geneva","Verdana","Helvetica","Arial",sans-serif;
    position: relative;
    top:-1px;
    margin-left: 0px !important;
}
.ribbon .module-content{
    border: 3px solid #ccc;
    width:99%;
}

.center { 
    text-align: center;
    width:100% !important;
}

.padding-top20 {
    padding-top: 20px;
}

.padding-left20 {
    padding-left: 20px;
}

.sb-signature {
    background: url(../../../images/zehner/bg-shadowbox-sig.gif) no-repeat; 
    width: 321px;
    height: 180px;
    margin: 0 auto;
    text-align: center;
}

.sb-signature a {
    color: #d4c37d;
    text-decoration: none;
}




.sb-signature p {
        text-align: center;
        width:100%;
}

p.sb-title {
    font-size: 14px;
    font-family: Georgia, "Times New Roman", Times, serif;
    color: #000;
    padding-top: 5px;
    margin: 0 0 15px;
    
}
.ribbon{
*margin:75px 0 30px;
float:left;
width:100%;
}
.profile p{
    float:left;
    width: 45%;
}
p.duties {
    font-size: 12px;
    padding-top: 20px;
    color: #fff;
}

p.view-sb { 
    color: #d4c37d;
    padding-top: 10px;
}

/*** World Map ***/

.wmm_map h1 {
    text-align: center;
    color: #424242;
    font-size: 22px;
    font-weight: bold;
}

/*** Badges ***/

.badges {
    background-color: #000;
    width: 100%;
    height: 100%;
    padding: 15px 0;
    text-align: center;
}
#officialBadge td > img,
#unofficialBadge td > img {
    max-width: 100px;
}
    
    
.img-border2 {
    border: 2px solid #bdbfbe;
}

.photos {
    float: left;
    width: 30%;
    clear: both;
}

.photos h4 {
    font-size: 10px;
    padding: 5px 0;
}


.right-content {
    margin-left: 5%;
    float: left;
    clear: both;
    width: 30%;
}
.delete {
    float: right;
    padding: 3px 0;
}

.sansmodule.sphotos { 
    clear: none;
    float: left;
    width: 126px;
    background-position: top right;
}

.sphotos h4, .hometown h4, .birth h4, .current-state h4 {
    font-size: 11px;
    padding-bottom: 5px;    
}

.sansmodule.sdetails { 
    clear: none;
    float: left;
    margin-left:3% !important;
    width:65% !important;
    padding: 15px 0 15px 15px;
    background-color: #edeef2;
    vertical-align:top;
}
#searchbx{
    width:100%;
    float: left;
    clear: both;
}
#searchbx a.btn{
float:right;
}

.sansmodule.contact { 
    clear: none;
    float: left;
    width:70% !important;
    vertical-align:top;
}


.colleges p img{
margin-right:30px;
}

.unit-assignments .module-content{
margin-bottom: 20px;
}
.cty-visited{
margin-bottom: 20px;
}

.sdetails p { 
    margin: 5px 0 0 10px;
    width:45%;
    float: left;
    clear: left;
}



.sansmodule.sdetails, .sansmodule.contact{
    margin-left: 1%;
    width: 72%;
    float: right;
}


.sansmodule { 
    margin: 10px 0 30px 0;
    clear: both;

}

.padding-right20 { 
    padding-right: 20px;
}

.padding-right40 { 
    padding-right: 40px;
}
.padding-top10 {
    padding-top: 10px;
}

.padding-top30 {
    padding-top: 30px;
}
.right{
    float: right;   
}

h4.sb-view a {
	text-decoration: none;
    color: #8a883a;
}
h4.sb-view {
    width: 127px;
    text-transform: uppercase;
    font-weight: bold;
}

.birth, .hometown  {
    font-size: 12px;
    padding: 0 30px 0 0;
    margin-right:10px;
    text-align:left;
    vertical-align:bottom;
    
}

.birth h4{
    float:left;
}
.birth img{
    float: left;
    clear: both;
}
.birth a{
float:left;
clear: both;
margin-top:3px;
}

.hometown h4{
    float:left;
}

.hometown a{
float:left;
clear: both;
margin-top:0px;
}


.current-state {
    font-size: 12px;
    margin-left: 20px;
}

.contact-card {
    background-color: #edeef2;
    font-size: 12px;
    line-height: 15px;
    width:100%;
    clear: both;
    margin:10px 0 0 0 ;
}
.contact-card .right{
width:auto;
}
.contact-card .right p{
width:100%;
}
.invite-form table{

}
.contact-card h3 {
    border-bottom: 1px solid #ccd0d1;
    font-size: 15px;
    padding: 6px 0 6px 15px;
}

.contact-title {
    color: #78797b;
    font-size: 11px;
    margin-left: 16px;
}

p.contact-info {
    margin:0 10px 10px 16px;
}

.left {
    float: left;
}

.right {
    float: right;
    margin: 0 0 5px 0;
}
.cluetip-default #cluetip-outer {
background-color:#FFFFFF;
}

#pop_summary{
    vertical-align: top;
    width: 260px;
    background: #F0F0F0;
    padding-bottom:2px;
}
#pop_summary .linkname{
	font-size:14px;
	font-family:Georgia,"Times New Roman",Times,serif;
	margin-bottom:5px;
	line-height: 17px;
	padding-right:20px;
}
#cluetip-inner{
display:inline-block;
background: #fff;
}
#pop_summary p{
    padding:0px 20px 0px 0px;
    margin-bottom: 3px;
    font-size:11px;
    font-family: arial;
    color: #505050;
}
#pop_summary p span{
    font-weight: bold;
    color:#000;
}
#loadme{
    display: inline;
}
#pop_portrait{
    margin-top:1px;
    float: left;
}
.thumbholder{
    float: left;
    width: 87px;
}
.recent-photo-gallery{
    float:left;
    min-width:500px;
    width:expression(document.body.clientWidth < 500? "500px": "auto" );/* IE min-width hack */
    overflow:hidden;
}
.pop_links{
    font-size: 11px;
    padding:0;
    font-family: arial;
}
.crop_120{
    width:120px;
    overflow: hidden;
}
.colleges table{
    border-collapse: collapse;
    width:100%;
}
.colleges td{
    padding: 5px 10px;
}
.colleges th{
    padding: 0 10px;
    color: #838383;
    font-size:12px;
    font-weight: bold;
    padding-bottom: 5px;
    background: #fff;
}

.colleges table tr:nth-child(odd){
    background: none repeat scroll 0 0 #F0F0F0;
}
.colleges table tr td:first-child{
    color:#905D16;
}
.inbox{
    width:100%;
    float: left;
    border: 1px solid #ccc;
    padding: 0 0 5px 0;
}
.inbox .hdr{
    background:url("../../../images/zehner/bg-inbox.gif") repeat-x scroll 0 0 transparent;
    float:left;
    padding: 5px 16px 5px 0;
    width:100%;
    font-family:Georgia,"Times New Roman",Times,serif;
    text-indent: 10px;
    font-size:14px;
}
.inbox_side{
    float:left;
    width: 49%;
}
.inbox_side ul li a{
    padding-right:5px;
}
.inbox_side:first-child ul{
    margin-right:8px;
    border-right: 1px solid #ccc;
    padding-right:5px;
    width: 97%;
}
.inbox_side ul{
    width:100%;
    float: left;
    margin-left:5px;
    margin-top:5px;
}
.inbox_side ul li:nth-child(even){
    background: none repeat scroll 0 0 #F0F0F0;
    width:98%;
}
.unit-assignments .module-content p{
    
}
.unit-assignments .module-content a{
    display: inline;
    font-size:12px;
}
.inbox_side ul li{
    float:left;
    list-style: none;
    clear:both;
    width:100%;
    padding-left: 5px;
}
#promo_info{
	float:left;
	width:100%;
	margin-top:20px;
}
#promo_info_pic{
	float: left;
	width:222px;
}
#promo_info_txt{
	float:right;
	padding-bottom: 10px;
	margin: 0 0 0 3px;
	width:100%;
}
#promo_info_txt h3{
	color: #905d16;
	font-family: Georgia,"Times New Roman",Times,serif;
	font-size:18px;
	padding-top: 5px;
}
#promo_info_txt p{
    margin-top:5px;
}
.module-header span{
font-size:12px;
margin-left:5px;

}
.module-header span label{
vertical-align: text-bottom;
margin-right:10px;
}

.navigate ul {
    text-align:center;
}
.navigate ul li.nav1, .navigate ul li.nav2 {
    list-style: none;
    width: 32%;
    float:left;
    text-transform: uppercase;
    color: #fff;
    position: relative;
    margin: 0 5px 5px 0;
}
.navigate ul li.nav1:nth-child(3n), .navigate ul li.nav2:nth-child(3n) {
	margin-right: 0;
}   
.navigate ul li.nav1 a, .navigate ul li.nav2 a {
    display: block;
    color: #FFFFFF;
    text-decoration: none;
    overflow: hidden;
    position: relative;
    font-size:0.9em;
}
.navigate ul li.nav1 a {
	background: url(../../../images/zehner/navigation-bg-left.png) top left no-repeat;
}
.navigate ul li.nav2 a {
	background: url(../../../images/zehner/navigation-bg-left2.png) top left no-repeat;
}
.navigate ul li.nav1 a img, .navigate ul li.nav2 a img {
    position: absolute;
    top: 50%;
    margin-top: -20px;
    right: 5px;
}
.navigate ul li.nav1 a:hover, .navigate ul li.nav2 a:hover {
    background-position: bottom left;
}
.navigate ul li.nav1 a span, .navigate ul li.nav2 a span {
	text-align: left;
    display: block;
    height: 41px;
	min-height: 41px;
    padding: 12px 45px 12px 4px;
}
.navigate ul li.nav1 a span {
	background: url(../../../images/zehner/navigation-bg-right.png) top right no-repeat;
}
.navigate ul li.nav2 a span {
	background: url(../../../images/zehner/navigation-bg-right2.png) top right no-repeat;
}
.navigate ul li.nav1 a:hover span, .navigate ul li.nav2 a:hover span {
    background-position: bottom right;
    cursor: pointer;
}
.navigate ul li.nav1 img, .navigate ul li.nav2 img {
    float: right;
}
.navigate ul li.last-nav1 {
	margin-left:75px;
}

/******************/
#slider {
	margin-top: -15px;
	padding-left: 120px;		/* slider_left width */
	padding-right: 110px;		/* slider_right width */
	min-width: 120px;
}
#slider .slider_column {
	position: relative;
	float: left;
}
#slider_center {
	padding:8px 0 0 0;
	width: 100%;
	text-align: center;
}
	#slider_center fieldset {
		margin-right: 15px;
		border: medium none;
	}
#slider_left {
	width: 120px;				/* slider_left width */
	right: 120px; 				/* slider_left width */
	/*margin-left: -100%;*/
	margin-top: 0;
	padding-top: 0;
	top: 17px;
}
#slider_right {
	width: 110px;				/* slider_right width */
	margin-right: -100%;		/* slider_right width */
	text-align: right;
}
/*** IE Fix ***/
* html #slider_left {
	/*left: 110px;				/* slider_right width */
}
/******************/

.ui-slider span.ui-slider-tic{
    font-size: 17px;
}

/** Portal Styles **/
.portal{
background: url('../../../images/zehner/portal_header.jpg') top center repeat-x scroll #201C10;
color: #fff;
}
.portal #header{
    background: transparent;
}
.portal #wrapper{
width:1075px;
}
.portal h1{
    color: #96b000;
    font-size: 19px;
    font-weight: bold;
}
.portal #logo{
    background: url(../../../images/zehner/portal_logo.png) no-repeat;
    float: left;
    display: block;
    height: 70px;
    top:20px;
    width: 50%;
    text-indent: -9999px;
    position: relative;
    left:0px;    
}
.portal #srch{
padding: 3px;
}
.portal #topbox{
    width:auto;
    right:0;
    width:520px;
}
.portal #topbox #srch{
width:230px;
}
.portal #topbox .btn{
font-size:16px;
margin-top:2px;
*position:relative;
*top:5px;
}
.portal #topbox a{
    color:#fff;
    text-decoration: none;
}
.portal .rt{
width:520px;
float: right;
}
.portal .lft{
clear:left;
float:left;
margin-bottom:20px;
margin-right:30px;
width:520px;

}
#portal_shadow_view{
margin-top:10px;
}
#portal_shadow_view img{
    float: right;
} 
#portal_shadow_view h2{
float:left;
margin-top:50px;
}
#portal_shadow_view h4{
float:left;
}
#portal_shadow_view p{
clear:left;
float:left;
margin-top:10px;
width:55%;
}

.portal h2{
    color: #96b000;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}
.portal h3{
    margin-top:5px;
    color: #96b000;
    font-family: Georgia,"Times New Roman",Times,serif;
    float: left;
}
.portal h4{
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: -1px;
}
.portal a{
    color: #be9e6e;
    text-decoration: underline;
}
.portal a:hover{
    text-decoration: none;
}
#portop{
    float:left;
    margin-bottom:10px;
    width:100%;
}
#portmid{
float:left;
width:100%;
}
#portmid h5{
color: #9c9c9c;
float: left;
clear: left;
margin-top:20px;
width:60%;
font-weight: normal;
}
.adminpic{
float:right;
clear: right;
margin-top: 20px;
}
.adminpic img{
float: right;
clear: right;
margin-top:10px;
}
#portmid h6{
color: #fff;
float: left;
clear: left;
width:60%;
font-weight: normal;
}
#portbot a.btn, #portmid a.btn{
font-size:12px;
float: right;
color: #fff;
text-decoration: none;
margin: 0;
}
#portmid .rt p{
    margin:5px 0;
}
.port_top{
    border-top:1px solid #000;
}
.portcomments{
    clear: both;
    float: left;
    font-size:18px;
    font-family: Georgia,"Times New Roman",Times,serif;
    margin-top:15px;
    line-height: 1.3em;
}
#portmid .rt p{
float:left;
width:60%;
}
#portmid p{
    float:left;
    width:100%;
}
.portauthor{
    color: #be9e6e;
    margin-top:5px;
    font-size: 14px;
}
#port_cont{
float:left;
clear: both;
margin-top:10px;
width:100%;
}
#port_cont h2{
 text-transform: none !important;
}
#portop ul{
width:100%;
float: left;
margin-bottom: 10px;
}
#portop ul li{
list-style: none;
float:left;
text-indent: 10px;
}
#portop ul li img{
float: left;
}
#portop ul li h3{
font-size:16px;
margin-top:0;
float: left;
clear: both;
margin-top: 5px;
}
#portop ul li p{
float:left;
clear: both;
}

#port_cont ul{
width:100%;
}
#port_cont ul li{
list-style: none;
}
#port_cont ul li span{
width:20%;
float: left;
}
.spcrrz{
    margin-top:10px;
}
#port_cont label{
    color: #be9e6e;
    font-weight: bold;
}
#portbot{
background:url("../../../images/zehner/header_bg.png") no-repeat scroll right top transparent;
border-top:1px solid #000000;
float:left;
margin-top:50px;
width:100%;
}
#portbot h3{
    margin-bottom: 20px;
    width:60%;
}
#portbot h2{
    margin-bottom: 5px;
    width:60%;
    font-weight: bold;
}
#portbot p{
    float:left;
    clear: left;
    width: 60%;
}
#portbot img{
float: right;
}
.portbot_item{
float: left;
width:100%;
clear:left;
margin-bottom: 30px;
}
#badge_army a{
background: url('../../../images/zehner/badge_army.png') no-repeat center top;
width: 80px;
height:80px;
display:block;
padding:5px 5px 0px;
float: left;
cursor: pointer;
}
#badge_army a:hover, #badge_army a.on{
background:url("../../../images/zehner/badge_army_on.png") no-repeat scroll center -18px transparent;
display:block;
float:left;
height:80px;
padding:5px 5px 0px;
width:80px;
cursor: pointer;
border-radius: 7px;
-moz-border-radius:7px;
-webkit-border-radius:7px;
}
#badge_navy a{
background: url('../../../images/zehner/badge_navy.png') no-repeat center top;
width: 80px;
height:80px;
display:block;
padding:5px 5px 0px;
float: left;
cursor: pointer;
}
#badge_navy a:hover, #badge_navy a.on{
background:url("../../../images/zehner/badge_navy_on.png") no-repeat scroll center -18px transparent;
display:block;
float:left;
height:80px;
padding:5px 5px 0px;
width:80px;
cursor: pointer;
border-radius: 15px;
-moz-border-radius:15px;
-webkit-border-radius:15px;
}
#badge_airforce a{
background: url('../../../images/zehner/badge_airforce.png') no-repeat center top;
width: 80px;
height:80px;
display:block;
padding:5px 5px 0px;
float: left;
cursor: pointer;
}
#badge_airforce a:hover, #badge_airforce a.on{
background:url("../../../images/zehner/badge_airforce_on.png") no-repeat scroll center -18px transparent;
display:block;
float:left;
height:80px;
padding:5px 5px 0px;
width:80px;
cursor: pointer;
border-radius: 15px;
-moz-border-radius:15px;
-webkit-border-radius:15px;
}
#badge_marines a{
background: url('../../../images/zehner/badge_marines.png') no-repeat center top;
width: 80px;
height:80px;
display:block;
padding:5px 5px 0px;
float: left;
cursor: pointer;
}
#badge_marines a:hover, #badge_marines a.on{
background:url("../../../images/zehner/badge_marines_on.png") no-repeat scroll center -18px transparent;
display:block;
float:left;
height:80px;
padding:5px 5px 0px;
width:80px;
cursor: pointer;
border-radius: 15px;
-moz-border-radius:15px;
-webkit-border-radius:15px;
}
#badge_coastguard a{
background: url('../../../images/zehner/badge_coastguard.png') no-repeat center top;
width: 80px;
height:80px;
display:block;
padding:5px 5px 0px;
float: left;
cursor: pointer;
}
#badge_coastguard a:hover, #badge_coastguard a.on{
background:url("../../../images/zehner/badge_coastguard_on.png") no-repeat scroll center -18px transparent;
display:block;
float:left;
height:80px;
padding:5px 5px 0px;
width:80px;
cursor: pointer;
border-radius: 15px;
-moz-border-radius:15px;
-webkit-border-radius:15px;
}
/** Shadow Box **/
body.shadow {
background: #151515;
}
.shadow #wrapper {
width:1250px;
}
#caro1{
float: left;
width:136px;
height: 777px;
background: #000;
}
#caro1 li{
float:left;
list-style: none;
}
#caro2{
float: left;
background: #000;
width:136px;
}
#caro2 li{
float:left;
list-style:none outside none;
text-align:center;
}
#shadow_mid{
width:445px;
float:left;
margin:0 40px;
}
#shadow_title{
color: #fff;
font-family: Georgia,"Times New Roman",Times,serif;
}
#shadow_title img{
float:left;
margin-right:15px;
}

#shadow_title h1{
float:left;
font-size:34px;
}
#shadow_title h2{
float:left;
font-size:18px;
}
#shadow_ribbons{
background: #fff;
float:left;
margin-top: 40px; 
width:100%;
text-align: center;
}
.shadow_user_map .module-content{
text-align: center;
}
#user_map_flags {
margin:10px auto;
text-align:center;
width:200px;
}
#user_map_flags li{
float:left;
list-style:none outside none;
text-align:center;
}
.shadow_user_map h2{
font-size:20px;
color: #363636;
font-family: Georgia,"Times New Roman",Times,serif;
text-align: center;
margin-bottom: 20px;
}
#shadow_logo{
background: url('../../../images/zehner/shadow_logo.png') no-repeat;
float: left;
clear: both;
width:384px;
height: 56px;
margin-top:30px;
}
#shadow_foot{
clear:both;
float:left;
margin-top: 10px;
font-size: 9px;
color: #363636;
text-transform: uppercase;
width:100%;
}
#shadow_foot a{
color: #363636;
text-decoration: underline;
}
#shadow_foot a:hover{
text-decoration: none;
}
#caro3 li{
background:url('../../../images/zehner/shadow_album_bg.png');
padding: 15px;
position: relative;
}
#shadow_options{
float:left;
clear:both;
position:relative;
bottom: 20px;
}
#shadow_options a{
color: #8f8f8f;
text-decoration: underline;
font-weight: bold;
}
#shadow_options a:hover{
text-decoration: none;
}
.ablum_capt{
background: #fff;
padding:3px;
left:30px;
bottom: 50px;
position: absolute;
}



/** Shadow Box Carousels **/
.jcarousel-container {
    background: #000;
    float: left;
    margin-left: 40px;
}
#user_album .jcarousel-container {
    background: transparent;
}
.jcarousel-direction-rtl {
    direction: rtl;
}

.jcarousel-container-horizontal {
    width: 245px;
    padding: 20px 40px;
}
#user_album .jcarousel-container-vertical {
    width: 318px;
    height:697px;
    padding: 40px 0px;
}
.jcarousel-container-vertical {
    width: 136px;
    height:697px;
    padding: 40px 0px;
}

.jcarousel-clip-horizontal {
    width:  777px;
    height: 136px;
}

.jcarousel-clip-vertical {
    width:  136px;
    height:697px;
}
#user_album .jcarousel-clip-vertical {
    width:  318px;
    height:697px;
}



.jcarousel-item-horizontal {
    margin-left: 0;
    margin-right: 10px;
}

.jcarousel-direction-rtl .jcarousel-item-horizontal {
    margin-left: 10px;
    margin-right: 0;
}

.jcarousel-item-vertical {
    margin: 10px auto;
    text-align: center;
    float: none !important;
}

.jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Vertical Buttons
 */
.jcarousel-next-vertical {
    position: absolute;
    bottom: -5px;
    left: 55px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../../../images/zehner/arow_dwn.png) no-repeat 0 0;
}
#user_album .jcarousel-next-vertical {
    position: absolute;
    bottom: -5px;
    left: 140px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../../../images/zehner/arow_dwn.png) no-repeat 0 0;
}

.jcarousel-next-vertical:hover {
}

.jcarousel-next-vertical:active {}

.jcarousel-next-disabled-vertical,
.jcarousel-next-disabled-vertical:hover,
.jcarousel-next-disabled-vertical:active {

}

.jcarousel-prev-vertical{
    position: absolute;
    top: 10px;
    left: 55px;
    width: 20px;
    height: 12px;
    cursor: pointer;
    background: url(../../../images/zehner/arow_up.png) no-repeat 0 0;
}
#user_album .jcarousel-prev-vertical{
    position: absolute;
    top: 25px;
    left: 140px;
    width: 20px;
    height: 12px;
    cursor: pointer;
    background: url(../../../images/zehner/arow_up.png) no-repeat 0 0;
}

.jcarousel-prev-vertical:hover {
}

.jcarousel-prev-vertical:active {
}

.jcarousel-prev-disabled-vertical,
.jcarousel-prev-disabled-vertical:hover,
.jcarousel-prev-disabled-vertical:active {
}




/**  LANDING PAGES  **/

body.landing {
    font-family: "Geneva","Verdana","Helvetica","Arial",sans-serif;
    background: #696868 url(../../../images/zehner/bg-tile.gif);    
    background: url("../../../images/zehner/landing_header.jpg") repeat-x scroll 0 0 #1F1B0F;
    color: #fff;
}

.landing a {
    color: #905d16; 
    text-decoration: underline; 
}

.landing  a:hover { 
    color: #524023;
    text-decoration: underline;
}

.landing  .wrapper {
    margin: 0px auto;
    width: 1024px;
    display: block;
    min-width: 900px;
    width:expression(document.body.clientWidth < 900? "900px": "auto" );/* IE min-width hack */
}
.landing  #footer{
    clear:both;
    padding:70px 0;
    float: left;
    width:100%;
    background: none;
}
.landing  #footer p{
    font-size: 10px;
    text-transform: uppercase;
}
.landing  #footer a{
    color: #fff;
}
.landing  .btn{
    padding:2px 7px;
    margin: 5px 0;
    background:#524023;
    border:1px solid #34260d;
    *white-space:nowrap;
    /* For WebKit (Safari, Google Chrome etc) */
        background: -webkit-gradient(linear, left top, left bottom, from(#524023), to(#886e47));
        /* For Mozilla/Gecko (Firefox etc) */
        background: -moz-linear-gradient(top, #524023, #886e47);
        /* For Internet Explorer 5.5 - 7 */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#26524023, endColorstr=#26886e47);
        /* For Internet Explorer 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#26524000, endColorstr=#26886e00)";
    
}

.landing  .btn a{
    color: #fff;
    text-decoration: none;
    text-shadow: 1px 1px 2px black;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#999999,direction=135,strength=2);
}
.landing .btn:hover{
    background: #524023;
    cursor: pointer;
    filter:none !important;
    -ms-filter:none !important;
}
.landing .shadow {
    -moz-box-shadow: 1px 2px 6px #111;
    -webkit-box-shadow: 1px 2px 6px #111;
    box-shadow: 1px 2px 6px #111;
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}

/** Landing Page */
.landing  body{
    background: url("../../../images/zehner/landing_header.jpg") repeat-x scroll 0 0 #1F1B0F;
    color: #fff;
}
.navylanding #logo{
    background:url("../../../images/zehner/logobig_navy.png") no-repeat scroll 0 0 transparent;
    float:left;
    height:123px;
    overflow:auto;
    text-indent:-9999px;
    width:620px;
}
.landing  #header{
    width:100%;
    float:left;
    
}
.landing #logo{
    float:left;
    position:relative;
    left:40px;
}
.landing #topbox{
    float:right;
    margin-top:20px;
    width:140px;
    position: relative;
    right:40px;
}

#topboxmobile{
    float:left;
    padding-top:6px;
    }
    
#topboxmobile a{
    tex-decoration:none;
    color:#cccccc;
    }

.landing #topbox ul{
    float:right;
    margin-bottom:10px;
    color: #7c7c7c;
    padding-bottom:3px;
}
.landing #topbox ul a{
    color:#ccc;
    text-decoration: none;
}

.landing #topbox ul li{
    float:left;
    display: inline;
    list-style: none;
    margin-right:5px;
    border-right:1px solid #7c7c7c;
    padding-right:5px;
    line-height: 1;
}
.landing #topbox ul li:last-child{
    border:none;
    padding:0;
    margin:0;
}
.landing #quicksearch{
    float:left;
    clear: both;
    width:105px;
    margin-top:4px;
    *margin-top:10px;
}
.landing #quickgo{
    float:left;
    margin-top:4px;
}
.landing #q_options{
    float:left;
    clear:both;
    width:140px;
    *margin-top:20px;
}
.navylanding #landin_mainbg{
    background:url("../../../images/zehner/bg_navylanding.jpg");
    background-position:center top;
    width:100%;
    float: left;

}
.landing .autocomplete-w1{
color: #000000;
	}

.landing #corptitle{
    background:url("../../../images/zehner/title_usnavy.png") no-repeat scroll 0 0 transparent;
    height:170px;
    margin-left:30px;
    margin-top:20px;
    width:747px;
}
.landing #login_sect{
    float:left;
    clear: both;
    margin-top:10px;
    margin-left: 30px;
}
.landing #profnumbers{
    float:left;
    margin-left:30px;
    margin-top: 10px;
}
.landing #profnumbers h2{
    float:left;
    clear: both;
    font-size: 15px;
    text-transform: uppercase;
}
.landing #loginfo{
    float: left;
    clear: both;
    width:570px;
    background: url("../../../images/zehner/bg_login_box.jpg") repeat-x scroll center top #0D2625;
    /* For WebKit (Safari, Google Chrome etc) */
    background: -webkit-gradient(linear, left top, left bottom, from(#264646), to(#0D2625));
    /* For Mozilla/Gecko (Firefox etc) */
    background: -moz-linear-gradient(top, #264646, #0D2625);
    /* For Internet Explorer 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF264646, endColorstr=#FF0D2625);
    /* For Internet Explorer 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF264646, endColorstr=#FF0D2625)";
    padding: 15px;
}
.landing #loginfo_lft{
    float:left;
    width:255px;
}
.landing #loginfo_lft a{
    color:#fff;
}
.landing #loginfo_lft p{
    float:left;
    clear: both;
    margin: 7px 0;
    width:100%;
}
.landing .loginz{
    text-transform: uppercase;
    font-size: 14px !important;
    letter-spacing: 1px;
    margin: 15px 0 10px;
}
.landing .loginz span{
    float:left;
}
.landing #usrname{
    float:right;
    width:160px;
}
.landing #passer{
    float:right;
    width:160px;
}
.landing #loginfo_rt{
    float:left;
    margin-left:45px;
    width:270px;
}
.landing .forgotz a{
    color: #52755e;
}
.landing .forgotz{
    color: #52755e;
    font-size:11px;
    float: left;
    width:100%;
    margin:2px 0;
}

.landing #log_container{
    float:left;
    margin-bottom: 15px;
}
.landing #log_container a{
    color: #fff !important;
}
.landing #log_container p{
    width:100%;
    float: left;
    color: #fff !important;
    font-size:12px;
}
.landing #log_container .btn{
    float:left;
}
.landing .fb{
    float:right;
    margin: 5px 0;
}

.landing .autocomplete-w1{
	color: #000000;
}

/** ARMY landing Page  **/

.armylanding #logo{
    background:url("../../../images/zehner/logobig_army.png") no-repeat scroll 0 0 transparent;
    float:left;
    height:123px;
    overflow:auto;
    text-indent:-9999px;
    width:620px;
}

.armylanding #landin_mainbg{
    background:url("../../../images/zehner/bg_armylanding.jpg");
    width:100%;
    float: left;
    background-repeat:no-repeat;
    background-position:center top;
    background-attachment:scroll;

}
.armylanding #corptitle{
    background:url("../../../images/zehner/title_army.png") no-repeat scroll 0 0 transparent;
    height:353px;
    margin-left:30px;
    margin-top:20px;
    width:955px;
}
.armylanding #profnumbers{
    float:left;
    left:-50px;
    margin-left:30px;
    margin-top:10px;
    position:relative;
    top:-166px;
    z-index:2;
}
.armylanding #login_sect{
    clear:both;
    float:left;
    left:350px;
    margin-left:30px;
    margin-top:10px;
    position:relative;
    top:-213px;
}
.armylanding #loginfo{
    float: left;
    clear: both;
    width:570px;
    background: url("../../../images/zehner/bg_login_box_army.jpg") repeat-x scroll center top #96661B;
    /* For WebKit (Safari, Google Chrome etc) */
    background: -webkit-gradient(linear, left top, left bottom, from(#ae7a33), to(#96661B));
    /* For Mozilla/Gecko (Firefox etc) */
    background: -moz-linear-gradient(top, #ae7a33, #96661B);
    /* For Internet Explorer 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFae7a33, endColorstr=#FF96661B);
    /* For Internet Explorer 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFae7a33, endColorstr=#FF96661B)" !important;
    padding: 15px;
}
.armylanding .btn{
    padding:2px 7px;
    margin: 5px 0;
    background:#314011;
    border:1px solid #34260d;
    /* For WebKit (Safari, Google Chrome etc) */
        background: -webkit-gradient(linear, left top, left bottom, from(#314011), to(#6b7a4b));
        /* For Mozilla/Gecko (Firefox etc) */
        background: -moz-linear-gradient(top, #314011, #6b7a4b);
        /* For Internet Explorer 5.5 - 7 */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff314011, endColorstr=#ff6b7a4b);
        /* For Internet Explorer 8 
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff314011, endColorstr=#ff6b7a4b)";*/
    
}
.armylanding .btn:hover{
    background: #314011;
    cursor: pointer;
}
.armylanding #footer{
    clear:both;
    float:left;
    left:-50px;
    margin-top:0px;
    position:relative;
}
.armylanding .forgotz a{
    color: #fff;
}
.armylanding .forgotz{
    color: #fff;
    font-size:11px;
    float: left;
}
/** AIRFORCE landing Page  **/
.airlanding #logo{
    background:url("../../../images/zehner/logobig_air.png") no-repeat scroll 0 0 transparent;
    float:left;
    height:123px;
    overflow:auto;
    text-indent:-9999px;
    width:700px;
}

.airlanding #landin_mainbg{
    background:url("../../../images/zehner/bg_airlanding.jpg");
    width:100%;
    float: left;
    background-repeat:no-repeat;
    background-position:center top;
    background-attachment:scroll;

}
.airlanding #corptitle{
    background:url("../../../images/zehner/title_air.png") no-repeat scroll 0 0 transparent;
    height:353px;
    margin-left:30px;
    margin-top:20px;
    width:955px;
}
.airlanding #profnumbers{
    float:left;
    margin-left:30px;
    margin-top:10px;
    position:relative;
    top:-166px;
    z-index:2;
}
.airlanding #login_sect{
    clear:both;
    float:left;
    left:350px;
    margin-left:30px;
    margin-top:10px;
    position:relative;
    top:-213px;
}
.airlanding #loginfo{
    float: left;
    clear: both;
    width:570px;
    background: url("../../../images/zehner/bg_login_box_air.jpg") repeat-x scroll center top #6691A1;
    /* For WebKit (Safari, Google Chrome etc) */
    background: -webkit-gradient(linear, left top, left bottom, from(#98becd), to(#6691A1));
    /* For Mozilla/Gecko (Firefox etc) */
    background: -moz-linear-gradient(top, #98becd, #6691A1);
    /* For Internet Explorer 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF98becd, endColorstr=#FF6691a1);
    /* For Internet Explorer 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF98becd, endColorstr=#FF6691a1)";
    padding: 15px;
}
.airlanding .btn{
    padding:2px 7px;
    margin: 5px 0;
    background:#314011;
    border:1px solid #34260d;
    /* For WebKit (Safari, Google Chrome etc) */
    background: -webkit-gradient(linear, left top, left bottom, from(#363636), to(#7e7e7e));
    /* For Mozilla/Gecko (Firefox etc) */
    background: -moz-linear-gradient(top, #363636, #7e7e7e);
    /* For Internet Explorer 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF363636, endColorstr=#FF7e7e7e);
    /* For Internet Explorer 8 
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF363636, endColorstr=#FF7e7e7e)";*/
    
}
.airlanding .btn:hover{
    background: #363636;
    cursor: pointer;
}
.airlanding #footer{
    clear:both;
    float:left;
    margin-top:0px;
    position:relative;
}
.airlanding .forgotz a{
    color: #fff;
}
.airlanding .forgotz{
    color: #fff;
    font-size:11px;
    float: left;
}

/** COAST GUARD Landing Page**/
.coastlanding #logo{
    background:url("../../../images/zehner/logobig_coast.png") no-repeat scroll 0 0 transparent;
    float:left;
    height:123px;
    overflow:auto;
    text-indent:-9999px;
    width:758px;
}

.coastlanding #landin_mainbg{
    background:url("../../../images/zehner/bg_coastlanding.jpg");
    width:100%;
    float: left;
    background-repeat:no-repeat;
    background-position:center top;
    background-attachment:scroll;

}
.coastlanding #corptitle{
    background:url("../../../images/zehner/title_coast.png") no-repeat scroll 0 0 transparent;
    height:171px;
    margin-left:30px;
    margin-top:20px;
    width:955px;
}
.coastlanding #profnumbers{
    float:left;
    margin-left:30px;
    margin-top:10px;
}
.coastlanding #profnumbers h2{
    color: #cd2b1f;
}
.coastlanding #login_sect{
    clear:both;
    float:left;
    margin-left:30px;

}
.coastlanding #loginfo{
    float: left;
    clear: both;
    width:570px;
    background: url("../../../images/zehner/bg_login_box_coast.jpg") repeat-x scroll center top #1B3D6B;
    /* For WebKit (Safari, Google Chrome etc) */
    background: -webkit-gradient(linear, left top, left bottom, from(#3D749B), to(#1B3D6B));
    /* For Mozilla/Gecko (Firefox etc) */
    background: -moz-linear-gradient(top, #3D749B, #1B3D6B);
    /* For Internet Explorer 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF3D749B, endColorstr=#FF1B3D6B);
    /* For Internet Explorer 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF3D749B, endColorstr=#FF1B3D6B)";
    padding: 15px;
}
.coastlanding .btn{
    padding:2px 7px;
    margin: 5px 0;
    background:#314011;
    border:1px solid #34260d;
    /* For WebKit (Safari, Google Chrome etc) */
        background: -webkit-gradient(linear, left top, left bottom, from(#314011), to(#6b7a4b));
        /* For Mozilla/Gecko (Firefox etc) */
        background: -moz-linear-gradient(top, #314011, #6b7a4b);
        /* For Internet Explorer 5.5 - 7 */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF314011, endColorstr=#FF6b7a4b);
        /* For Internet Explorer 8 
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF314011, endColorstr=#FF6b7a4b)";*/
    
}
.coastlanding .btn:hover{
    background: #314011;
    cursor: pointer;
}
.coastlanding #footer{
    clear:both;
    float:left;
    margin-top:70px;
    margin-left: 30px;
    position:relative;
}
.coastlanding .forgotz a{
    color: #fff;
}
.coastlanding .forgotz{
    color: #fff;
    font-size:11px;
    float: left;
}
/** LAW Landing Page**/
.lawlanding #logo{
    background:url("../../../images/zehner/logobig_law.png") no-repeat scroll 0 0 transparent;
    float:left;
    height:123px;
    overflow:visible;
    text-indent:-9999px;
    width:869px;
}

.lawlanding #landin_mainbg{
    background:url("../../../images/zehner/bg_lawlanding.jpg");
    width:100%;
    float: left;
    background-repeat:no-repeat;
    background-position:center top;
    background-attachment:scroll;

}
.lawlanding #corptitle{
    background:url("../../../images/zehner/title_law.png") no-repeat scroll 0 0 transparent;
    height:171px;
    margin-left:30px;
    margin-top:20px;
    width:955px;
}
.lawlanding #profnumbers{
    float:left;
    margin-left:30px;
    margin-top:50px;
}
.lawlanding #login_sect{
    clear:both;
    float:left;
    margin-left:30px;

}
.lawlanding #loginfo{
    float: left;
    clear: both;
    width:570px;
    background: url("../../../images/zehner/bg_login_box_law.jpg") repeat-x scroll center top #000;
    /* For WebKit (Safari, Google Chrome etc) */
    background: -webkit-gradient(linear, left top, left bottom, from(#222222), to(#000));
    /* For Mozilla/Gecko (Firefox etc) */
    background: -moz-linear-gradient(top, #222222, #000);
    /* For Internet Explorer 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF222222, endColorstr=#FF000000);
    /* For Internet Explorer 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF222222, endColorstr=#FF000000)";
    padding: 15px;
}
.lawlanding .btn{
    padding:2px 7px;
    margin: 5px 0;
    background:#314011;
    border:1px solid #34260d;
    /* For WebKit (Safari, Google Chrome etc) */
        background: -webkit-gradient(linear, left top, left bottom, from(#ca4852), to(#95131e));
        /* For Mozilla/Gecko (Firefox etc) */
        background: -moz-linear-gradient(top, #ca4852, #95131e);
        /* For Internet Explorer 5.5 - 7 */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFca4852, endColorstr=#FF95131e);
        /* For Internet Explorer 8 
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFca4852, endColorstr=#FF95131e)";*/
    
}
.lawlanding .btn:hover{
    background: #95131e;
    cursor: pointer;
}
.lawlanding #footer{
    clear:both;
    float:left;
    margin-top:70px;
    margin-left: 30px;
    position:relative;
}
.lawlanding .forgotz a{
    color: #fff;
}
.lawlanding .forgotz{
    color: #fff;
    font-size:11px;
    float: left;
}

/**  MARINE Landing Page  **/

.marinelanding #logo{
    background:url("../../../images/zehner/logobig_marines.png") no-repeat scroll 0 0 transparent;
    float:left;
    height:123px;
    overflow:auto;
    text-indent:-9999px;
    width:869px;
}

.marinelanding #landin_mainbg{
    background:url("../../../images/zehner/bg_marineslanding.jpg");
    width:100%;
    float: left;
    background-repeat:no-repeat;
    background-position:center top;
    background-attachment:scroll;

}
.marinelanding #corptitle{
    background:url("../../../images/zehner/title_marines.png") no-repeat scroll 0 0 transparent;
    height:234px;
    margin-left:30px;
    margin-top:20px;
    width:955px;
}
.marinelanding #profnumbers{
    float:left;
    margin-left:30px;
    margin-top:50px;
}
.marinelanding #profnumbers h2{
    color: #000;
}
.marinelanding #login_sect{
    clear:both;
    float:left;
    margin-left:30px;

}
.marinelanding #loginfo{
    float: left;
    clear: both;
    width:570px;
    background: url("../../../images/zehner/bg_login_box_marines.jpg") repeat-x scroll center top #726F52;
    /* For WebKit (Safari, Google Chrome etc) */
    background: -webkit-gradient(linear, left top, left bottom, from(#A19F85), to(#726F52));
    /* For Mozilla/Gecko (Firefox etc) */
    background: -moz-linear-gradient(top, #A19F85, #726F52);
    /* For Internet Explorer 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFA19F85, endColorstr=#FF726F52);
    /* For Internet Explorer 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFA19F85, endColorstr=#FF726F52)";
    padding: 15px;
}
.marinelanding .btn{
    padding:2px 7px;
    margin: 5px 0;
    background:#314011;
    border:1px solid #34260d;
    /* For WebKit (Safari, Google Chrome etc) */
    background: -webkit-gradient(linear, left top, left bottom, from(#314011), to(#6b7a4b));
    /* For Mozilla/Gecko (Firefox etc) */
    background: -moz-linear-gradient(top, #314011, #6b7a4b);
    /* For Internet Explorer 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF314011, endColorstr=#FF6b7a4b);
    /* For Internet Explorer 8 
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF314011, endColorstr=#FF6b7a4b)";*/
    
}
.marinelanding .btn:hover{
    background: #314011;
    cursor: pointer;
}
.marinelanding #footer{
    clear:both;
    float:left;
    margin-top:70px;
    margin-left: 30px;
    position:relative;
}
.marinelanding #footer p{
    color: #000;
}
.marinelanding .forgotz a{
    color: #fff;
}
.marinelanding .forgotz{
    color: #fff;
    font-size:11px;
    float: left;
}
#coda-nav-1{
clear:both;
float:right;
padding:5px 0;
position:absolute;
right:5px;
*right:3%;
top:-10px;
*top:208px;
width:auto !important;
display: inline;
overflow: auto;
*width: 95px !important;
}
#coda-nav-1 a{
-moz-border-radius:10px;
    -webkit-border-radius:10px;
    behavior:url(PIE.htc);
}
#coda-slider-1, #coda-slider-1 .panel { width: 529px; }
#coda-slider-1{
}
#coda-slider-1 h2.title { display: none }
.homepage{
padding-bottom:40px;
}
.module.profile{
clear: left !important;
}
#index_slider{
clear: both;
margin:0 auto;
width:100%;
position: relative;
*position:inherit;
*width:529px;
text-align: center;
}
.clearnow{
*height:200px;
*float:left;
*width:100%;
*display:block;
}
.military-news h4{
margin-bottom:5px;
float: left;
width:100%;
font-weight:normal;
}

#nav-right img, #nav-left img{
 margin: 0; padding: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; 
    font-family: inherit; vertical-align: baseline;
}
#nav-right a, #nav-left a{
 zoom: 1;
}
#hub-link-container{
	position:relative;
	z-index:999;
}
#hub-link-container a {
	color:#ccc;
	font-size: 10px;
}
#hub-link-container a:hover {
    color: #c9bbad;
}

.search-detail-panel p {
    padding-right: 10px;
    font-family: arial;
    color: #505050;
    margin:0px;
}

.search-detail-panel p span{
    font-weight: bold;
    color:#000;
}

.search-detail-panel .linkname {
    font-size: 14px;
    font-family: Georgia,"Times New Roman",Times,serif;
    margin-bottom: 5px;
    line-height: 17px;
    padding-right: 10px;
}

.search-detail-panel {
    vertical-align: top;
    margin-bottom: 5px;
    margin-top: 10px;
}

.search-detail-check{
	padding:10px;
	vertical-align: middle;
}
.search-detail-thumb{
	padding:10px;
	width:90px;
}

.main .table-section.table-col-3 tr td:nth-child(1) {
    width: 20% !important;
}
.main .table-section.table-col-3 tr td:nth-child(2) {
    width: 74%;
}
.main .table-section.table-col-3 tr td:nth-child(3) {
    text-align: right !important;
    width: 6%;
}

.main .table-section.table-col-4 tr td:nth-child(1) {
    width: 20% !important;
}
.main .table-section.table-col-4 tr td:nth-child(2) {
    width: 68%;
}
.main .table-section.table-col-4 tr td:nth-child(3), .main .table-section tr td:nth-child(4) {
    text-align: right !important;
    width: 6%;
}

.main .table-section.table-col-5 tr td:nth-child(1) {
    width: 16% !important;
}
.main .table-section.table-col-5 tr td:nth-child(2) {
    width: 4%;
}
.main .table-section.table-col-5 tr td:nth-child(3) {
    width: 68%;
}
.main .table-section.table-col-5 tr td:nth-child(4), .main .table-section tr td:nth-child(5) {
    text-align: right !important;
    width: 6%;
}

#email-compose-content * {
	vertical-align: middle;
}
#email-compose-content #main-body > table[align="left"] {
    float: none;
}

#contact-card-content tr td {
	width: 50%;
	max-width: 50%;
}

.enhanced-mobile .forumbar td:first-child {
    max-width: 290px;
}
.enhanced-mobile .forumbar select {
    max-width: 80%;
}

.Base64Comment {
	display: none;
}
#tws-ribbon-bar td > img {
    max-width: 74px;
    max-height: 20px;
    margin-right: -1px;
}
.disp_ribbon > img:nth-child(3),
.disp_ribbon > img:nth-child(4) {
    margin-right: -1px;
}
img.max74,
img.noS3-medal {
    max-width: 74px;
}
img.max100,
img.noS3-patch {
    max-width: 100px;
}

#decoration-form .select2-selection, #decoration-form select,
#decoration-form .some-year-awarded .select2-selection, #decoration-form .some-year-awarded select {
	-webkit-writing-mode: horizontal-tb !important;
    text-rendering: auto;
    color: black;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: block;
    text-align: start;
    box-sizing: border-box;
    align-items: center;
    white-space: pre;
    -webkit-rtl-ordering: logical;
    background-color: transparent;
    cursor: default;
    margin: 0em;
    font: 400 11px system-ui;
    border-radius: 5px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(166, 166, 166);
    border-image: initial;
    width:60px;
}

#decoration-form .select2-container--disabled .select2-selection--single{
    background: #edeef2;
}

#decoration-form .select2-container--disabled .select2-selection__rendered {
	z-index:2;
	top:-20px;
	position: relative
}

#decoration-form .select2-container{
	display:block;
	margin-bottom: 10px;
}

#decoration-form .some-medal textarea {
    border-color: #aaa;
    border-radius: 3px;
    margin-top: 10px;
}

#decoration-form .select2-container--default .select2-selection--single .select2-selection__arrow {
    right: 0;
    width: 20px;
    left: 36px;
}
.cantAdd{
	pointer-events:none;
	cursor:default;
}
.edit-decoration-of-multiple-medals.select2-dropdown {
	width: 60px !important;
}

.mb10 {
	margin-bottom: 10px;
}
.section-guest-access .links-container {
	text-align: center;
}
.section-guest-access .links-container > div {
	display: inline-block;
	text-align: center;
}
.section-guest-access .links-container > div img {
	width: 70%;
}

#fancybox-wrap a[href="javascript:;"],
#fancy_inner a[href="javascript:;"] {
	visibility: visible;
}
#fancybox-wrap a[href="javascript:;"] > #fancybox-left-ico,
#fancy_inner a[href="javascript:;"] > #fancy_left_ico {
	left: 20px;
}
#fancybox-wrap a[href="javascript:;"] > #fancybox-right-ico,
#fancy_inner a[href="javascript:;"] > #fancy_right_ico {
	left: auto;
	right: 20px;
}

label[class$="-error"],
label[class$="-isnull"] {
  color: red;
}

@media (min-width: 481px) and (max-width: 1199px) {
	.imgPartner {
		max-width: 400px !important;
	}
}

#product-buttons {
	clear: both;
}
#product-buttons .btn-link { 
	background: rgb(95,95,95);
	background: linear-gradient(90deg, rgba(95,95,95,1) 0%, rgba(122,122,122,1) 25%, rgba(142,142,142,1) 50%, rgba(122,122,122,1) 75%, rgba(95,95,95,1) 100%);
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	text-decoration: none;
	color: #fff;
}
#product-buttons .btn-link.sub-btn { 
	background: linear-gradient(90deg, rgba(48,48,48,1) 0%, rgba(61,61,61,1) 25%, rgba(71,71,71,1) 50%, rgba(61,61,61,1) 75%, rgba(48,48,48,1) 100%);
}
#product-buttons .btn-link.btn-action,
#product-buttons .dropdown-btn-action.open ul.dropdown-menu > li > button {
	background: #507b9d;
}
#product-buttons .btn-greeting .btn-link {
	background: #81D6FF;
	color: #000000;
}
#product-buttons .btn-greeting.open ul.dropdown-menu > li > .btn-link {
	background: #C2E8FB;
	color: #000000;
}
#product-buttons .btn-greeting.open ul.dropdown-menu > li:hover > .btn-link {
	background: #DFF4FE;
}
.brand-text-color, .brand-text-color a, .brand-text-color a:visited {
	color: #507b9d;
}
.usmcstyles .brand-text-color, .armystyles .brand-text-color,
.usmcstyles .brand-text-color a, .armystyles .brand-text-color a {
	color: #888670;
}
.armystyles #product-buttons .btn-link.btn-action,
.armystyles #product-buttons .dropdown-btn-action.open ul.dropdown-menu > li > button,
.usmcstyles #product-buttons .btn-link.btn-action,
.usmcstyles #product-buttons .dropdown-btn-action.open ul.dropdown-menu > li > button,
.armystylesmobile #product-buttons .btn-link.btn-action,
.armystylesmobile #product-buttons .dropdown-btn-action.open ul.dropdown-menu > li > button,
.usmcstylesmobile #product-buttons .btn-link.btn-action,
.usmcstylesmobile #product-buttons .dropdown-btn-action.open ul.dropdown-menu > li > button {
	background: #888670;
}
.dropdown.dropdown-menu-wrapper .dropdown-menu li > *:hover:not(div) {
	opacity: 0.8;
}
.dropdown.dropdown-menu-wrapper .dropdown-menu li:last-child > *:not(div) {
	border-bottom: medium none;
}
#product-buttons .dropdown-menu-wrapper {
	position: relative;
	display: block !important;
}
#product-buttons a.btn-block {
	margin-top: 10px;
}
#product-buttons .dropdown-menu-wrapper > a:not(.dropdown-toggle) {
	padding-right: 32px;
}
#product-buttons .dropdown-menu-wrapper a.dropdown-toggle {
	position: absolute;
	top: 0;
	right: 0;
}
#product-buttons .dropdown-menu-wrapper.open > .dropdown-menu {
	display: block;
	width: 100%;
}
#product-buttons .dropdown-menu-wrapper.open > .dropdown-menu .btn-link {
	display: flex !important;
}
#product-buttons .dropdown-menu-wrapper a.dropdown-toggle i {
	position: absolute;
	top: 0;
	right: 0;
	border-left: 1px solid #fff;
    padding: 13px 11px;
}
#product-buttons .dropdown-menu-wrapper > ul {
	position: absolute;
	top: 100%;
	left: 0;
	list-style: none;
	display: none;
	z-index: 1;
	border-top: 1px solid rgba(0, 0, 0, 0.15);
	border-bottom: 1px solid rgba(0, 0, 0, 0.15);
	background: #fff;
}
#product-buttons .dropdown-menu-wrapper > ul .btn-link {
	padding: 0 9px;
	justify-content: left;
	text-align: left;
	width: 100%;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 1px solid #fff;
	box-sizing: border-box;
	white-space: normal;
	line-height: 15px;
}
.btn_yellow {
	background: #fedd84 !important;
	color: #000000 !important;
}
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  text-align: left;
  background-color: #ffffff;
  background-clip: padding-box;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  white-space: normal;
}
.popover.top {
  margin-top: -10px;
}
.popover.right {
  margin-left: 10px;
}
.popover.bottom {
  margin-top: 10px;
}
.popover.left {
  margin-left: -10px;
}
.popover-title {
  margin: 0;
  padding: 8px 14px;
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
}
.popover-content {
  padding: 9px 14px;
}
.popover > .arrow,
.popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.popover > .arrow {
  border-width: 11px;
}
.popover > .arrow:after {
  border-width: 10px;
  content: "";
}
.popover.top > .arrow {
  left: 50%;
  margin-left: -11px;
  border-bottom-width: 0;
  border-top-color: #999999;
  border-top-color: rgba(0, 0, 0, 0.25);
  bottom: -11px;
}
.popover.top > .arrow:after {
  content: " ";
  bottom: 1px;
  margin-left: -10px;
  border-bottom-width: 0;
  border-top-color: #ffffff;
}
.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #999999;
  border-right-color: rgba(0, 0, 0, 0.25);
}
.popover.right > .arrow:after {
  content: " ";
  left: 1px;
  bottom: -10px;
  border-left-width: 0;
  border-right-color: #ffffff;
}
.popover.bottom > .arrow {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  top: -11px;
}
.popover.bottom > .arrow:after {
  content: " ";
  top: 1px;
  margin-left: -10px;
  border-top-width: 0;
  border-bottom-color: #ffffff;
}
.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999999;
  border-left-color: rgba(0, 0, 0, 0.25);
}
.popover.left > .arrow:after {
  content: " ";
  right: 1px;
  border-right-width: 0;
  border-left-color: #ffffff;
  bottom: -10px;
}
.popover.tws-feature-coming-soon-popover {
	color: #1b1b1b;
	background-color: #fedd84;
	text-align: center;
	line-height: 1.4em;
	font-size: 16px;
	font-weight: bold;
	min-width: 186px;
	text-shadow: initial;
	text-decoration: none;
	font-style: normal;
}
.popover.tws-feature-coming-soon-popover.top > .arrow {
	padding-right: 0px;
	top: unset;
}
.popover.tws-feature-coming-soon-popover.top > .arrow:after {
	border-top-color: #fedd84;
}
.popover.tws-feature-coming-soon-popover.right > .arrow:after {
	border-right-color: #fedd84;
}
.popover.tws-feature-coming-soon-popover.bottom > .arrow:after {
	border-bottom-color: #fedd84;
}
.popover.tws-feature-coming-soon-popover.left > .arrow:after {
	border-left-color: #fedd84;
}
.popover.tws-feature-coming-soon-popover.top > .popover-content {
	font-size: 12px;
}
#fancybox-title {
	width: 1000px !important;
	left: 50% !important;
	transform: translateX(-50%);
}
.hidden {
	display: none;
}