@import url('//fonts.googleapis.com/css?family=Open+Sans');

body { background: #ffffff ; -webkit-text-size-adjust:none;}


A { text-decoration: underline ; color: #606060 }
A:hover{ TEXT-DECORATION: underline; COLOR: #0060FF }
A:visited{text-decoration:underline; color: #303030 }
A.menu { text-decoration: underline ; color: #FFFFFF }
A:hover.menu { TEXT-DECORATION: underline; COLOR: #303030 }
A.wlink { text-decoration: none ; color: #FFFFFF }
A:hover.wlink { TEXT-DECORATION: none; COLOR: #FFFF90 }
A.border { text-decoration: underline ; color: #606060 }
A:hover.border { TEXT-DECORATION: underline; COLOR: #0060ff }
A.red { text-decoration: underline ; color: #cc0000 }
A:hover.red { TEXT-DECORATION: underline; COLOR: #ff6666 }

td { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #606060; vertical-align: top;}
.logo       {  font-family:Arial; font-size:18px; color:#ffffff; font-weight:bold; font-style:italic; }
.desc       {  font-family:Arial; font-size:12px; color:#ffffff; font-weight:bold;  font-style:normal;   }

.middle {vertical-align:middle;}
.bottom { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #606060; vertical-align: bottom;}
.tabmenu { vertical-align: bottom;  background: #000000;}
.wtitle, .wtitle2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #303030; background:#D6D7D6; height:19px;}
.xtitle { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #ffffff; background:#00334e;padding:7 5 5 5;border:1px solid #000000;}

.header { background: #000000; }
.brand-color { background: #000000 !important; }
.main   {  background-color: #ffffff; background-image: url("../images/black/bg_line.gif"); vertical-align:top; text-align:left; }
.binder { background-color: #ffffff; background-image: url("../images/black/bg_ring.gif"); vertical-align:top; background-repeat: repeat-y;}
.border { border-collapse: collapse; border-color: #000000; background-color: #efefef; }
.infobox { border-collapse: collapse; border-color: #000000; }

.frame { border-collapse: collapse; border: 1px solid #000000; padding:5px;}
.frame1 { border-collapse: collapse; border: 1px solid #000000; padding:5px; background:#D6D7D6;}
#linkpage {background:#00334e;color:#ffffff}

li { text-align:left; }
p  { text-align:left; }

.mosgroupheader { font-family: Arial, Helvetica, sans-serif; font-size: 11px; height:53px; font-weight: bold; color: #0FFFFF; vertical-align:bottom; padding-bottom:11px;}
.mosgroupname { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; color: #606060; vertical-align: bottom;}

fieldset {   clear: both;  width: 100%;  margin: 0 0 0.5em 0;  padding: 0;  border: none;  } 
fieldset ol {  padding: 0 1em 0 0; list-style: none; margin:0; } 
fieldset li {    clear: left;  width: 100%;  padding-bottom: 0.3em; } 

fieldset.submit {  float: none;  width: auto;  border-style: none;  padding-left: 12em;  background-color: transparent; }
label {  float: left;  width: 10em;   margin-right: 1em;  text-align: right; }

.required       { color:#ff0000; }

/* Style For Job Preview 21/6/07 */
.content_view{border: 1px solid black;width: 99%;margin-bottom: 0em; padding: 2px;}

.web {font-size: 11px;border: none;color:#606060;}

div.txt {padding-top: 5px;padding-bottom: 5px;font-size: 11px;border: none;text-align: left;}

div#c_name {background: #d6d7d6;padding: 10px;font-size: 11px;color:#000;font-weight: bold;display: block;clear: both;border-bottom: 2px solid  #909090;}

div#c_website {width: 200px;float: right;text-align: right;font-size: 10px;display: block;color:#000;}

div#cont {padding: 5px;font-size: 11px;border: 0px solid  #f9d28f;letter-spacing: 0px;padding-left:15px;}

div#j_title {background: #d6d7d6;padding: 10px;margin-bottom:5px;font-size: 11px;font-weight: bold;color:#000;display: block;clear: both;border-bottom: 2px solid  #909090;}

div#j_posted {color:#606060;width: 200px;float: right;text-align: right;font-size: 10px;display: block;padding-bottom:10px;}

div#j_details {width: 400px;margin: auto;font-size: 11px;display: block;border: 1px solid #ccc;background:#eee;padding: 5px;margin-top:10px;}

td#j_spec {font-size: 11px;border: none;color: #000;background: none;padding: 5px;}

select, input       {font-size:11px; font-family: tahoma, verdana, arial, helvetica; padding-top:1px; }

/* style for InviteMember.jsp */
.bgclr {background:#fff6e4; text-align:center; padding:5px;}
.invite_box {border: 1px solid #800000; background:#ffffdf; padding:12px; text-align:justify; font-size:11px; margin:auto; color:#000;}

/* style for Homeleft.jsp */
.welcome {background: url('../images/welcome_topleft.jpg') top left no-repeat #00334e; height:90px; vertical-align:bottom; text-align:right; margin:0px;}

/* style for EducationCenterRight.jsp */
.topbar {color:#ffffff;font-weight:bold;background-color:#90816d;text-align:left;padding-left:9px;padding-top:4px;}
.edu_header {background: url('../images/edu_bg.gif') repeat #ffffff; height:151px; vertical-align:bottom; margin:0px;}
.edu_wtitle { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #555555; background:#eae8e2; height:18px;}
.edu_bgleft {background: url('../images/edu_bgleft.gif') repeat #ffffff;margin:0px;}
.edu_bgright {background: url('../images/edu_camoflageright.gif') repeat #ffffff;margin:0px;}

.status_title {background-color:#00334e;padding:7px;color:#ffffff;}

/*style for account details & page settings*/
.dropdown-default {background:#D6D7D6;}
.dropdown-hover {background:#B2B2B2;}

/*style for sbv page*/
.sbvtxt {font-family: Arial, Times New Roman, Arial, Helvetica, sans-serif;font-size: 12px;color: #9a551f;font-weight:bold;line-height:1.5;padding:10 40 5 15}

/*from zehner*/
.sub-header, .wtitle {
 padding:0;
 margin:0;
 min-height:18px;
 margin-bottom: 1px;
 border-top: #cccccc solid 1px;
 background: #D6D7D6;
}
.sub-header {
 width:100%;  
}
.sub-header-left, .sub-header-right {
    min-height:20px;
    padding: 0px 0 0px 0;
}
.sub-header-left {
    float: left;
    font-family: verdana, Arial, Helvetica, sans-serif;
    font-weight:bold;
    font-size: 11px; 
    color: #303030;
}
.sub-header-right {
    float: right;
}
.sub-header-clear {
    line-height: 0px;
    height: 1px;
    font-size: 1px;
    clear:both;
}

.displayastableribbon {
    font-size:12px;}
    
.rightpaddingbutton {
    margin-right:0px;}
    
.medalborder {
    border: #cccccc solid 4px;
    background-color:white;}
    
.shade-panel {
	background-color: #ffffeb;
	text-align: center; 
	font-size: 14px; 
	padding: 1em;	
}

.shade-panel.reflection {
	align: center;
	margin-bottom: 5px;
	font-size: 14px; 
}

.frame-portal { border-collapse: collapse; border-bottom: 1px solid #000000; border-right: 1px solid #000000; padding:5px; background:#FFFFFF; }
.frame1-portal { border-collapse: collapse; border-bottom: 1px solid #000000; border-right: 1px solid #000000; padding:5px; background:#D6D7D6;}
.frame-portal-column { border-collapse: collapse; border-bottom: 1px solid #000000; border-right: 1px solid #000000; padding:5px; background:#FFFFFF; }
.frame1-portal-column { border-collapse: collapse; border-bottom: 1px solid #000000; border-right: 1px solid #000000; padding:5px; background:#D6D7D6;}


.shadow {
    -moz-box-shadow: 10px 10px 5px #888;
    -webkit-box-shadow: 10px 10px 5px #888;
    box-shadow: 5px 10px 5px #888;
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=7, Direction=135, Color='#888888')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=7, Direction=135, Color='#888888');
}

/* Profile Section */
.home-profile-section{
    margin-bottom: 10px;
    border: solid 1px #000000;
}

.home-profile-section img{
    vertical-align: middle;
}

.home-profile-section{
}

.hps-head{
    height: 24px;
    background-color: #00334e;
}

.hps-head-title{
    position: relative;
    padding: 10px 0px;
    vertical-align:bottom;
}

.hps-head h3{
    margin:0;
    padding:0;    
    font-family: Georgia,"Times New Roman", serif;
    font-size: 16px;
    color: #ffffff;
}

.hps-photo-container{
    text-align: center;
}

.hps-photo img, .hps-profile-completion{
    position: relative;
}

.hps-photo img{
    margin-top: -30px;
    z-index:99;
    border: solid 1px #00334e;
}

.hps-member-status{
    z-index:100;
    padding: 10px;
    margin: 10px auto 20px auto;
}

.hps-member-status-upgrade{
    position: relative;
    top: 5px;
    color: #2f80c8;
}

.hps-member-status-title{
    font-weight: bold;
}

.profile-completion-container{
    padding: 10px;
    border-top: solid 1px #000000;
}

.profile-completion-bar{
    position: relative;
    text-align: right;  
    width: 100%;
    height: 20px;
    background: url(../images/progressbar-bg-grey.png) center repeat-x;
    border: solid 1px #ae9e86;
    
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle;
}

.pcm-level-bar{
    height:20px;
}

.pcm-level-bar.fullmember-bar{
    background: url(../images/progressbar-bg-gold.png) center repeat-x;
    border-right: solid 1px #ba9055;
}

.pcm-level-bar.freemember-bar{
    background: url(../images/progressbar-bg-green.png) center repeat-x;
    border-right: solid 1px #446e2f;
}

.pcm-level-percent{
    margin-left: 4px;
}

.profile-completion-link{
    text-align: center;
    vertical-align: middle;
}

.profile-completion-link a{
    margin-left: 5px;
    color: #2f80c8;
    text-decoration: none;
}

.hps-service-info-container{
    vertical-align: top;
    padding: 20px 25px 25px 10px;
}

.hps-service-info{
    vertical-align: top;
}

.hps-service-info td{
    padding: 1px;    
}

.hps-service-info-title{
    color: #888888;
}

.hps-service-info-title-add{
    color: #666666;
}

/* QuickNav Section */
.hs-head{
    padding: 5px;
}

.hs-head h3{
    font-size: 17px;
    margin: 0px;
}

.hs-cols{
    border-left: solid 1px #333333;
    padding: 12px 12px 12px 12px;
}

.hs-cols:first-child{
    border-left: none;
}

.home-quicknav-section{
    margin-bottom: 10px;
    border: solid 1px #000000;
}

.home-quicknav-section .hs-head{
    background-color: #00334e;
}

.home-quicknav-section .hs-head h3{
    padding-left: 24px;    
    color: #ffffff;
    background: url(../images/ico-nav-small-white.png) no-repeat 0px 0px;   
}

.hqs-linkgroup-title{
    padding-bottom: 4px;
}

.hqs-linkgroup{
    list-style:none;
    padding: 0 0 20px 0;
    margin:0;
}

.hqs-linkgroup li{
    margin-bottom: 4px;
}

.hqs-linkgroup a{
    color: #2f80c8;
}

.hqs-linkgroup a:hover{
    color: red;
}

.tws-ico-xs{
    width: 18px;
    height: 18px;
    display:inline-block;
    *display: inline;
    zoom: 1;
    background: url(../images/ico-sprite-xs-bw.png) no-repeat;
    vertical-align: middle;
}

.tws-ico-m{
    width: 32px;
    height: 32px;
    display:inline-block;
    *display: inline;
    zoom: 1;
    background: url(../images/ico-sprite-m-color.png) no-repeat;
    vertical-align: middle;
}

.ico-coffee{
    background-position: 0px 0px ;
}

.ico-medal{
    background-position: -18px 0px ;
}

.ico-link{
    background-position: -36px 0px ;
}
.ico-arrow{
    background-position: -54px 0px ;
}

/* -- Medium Size Color -- */
.ico-slide{
    background-position: 0px 0px;
}

.ico-lamp{
    background-position: -32px 0px;
}

.ico-conversation{
    background-position: -64px 0px;
}

.hqs-linkgroup-title .tws-ico-xs{
    float: right;
}

.hqs-linkgroup li{
    padding-right: 16px;
    background: url(../images/ico-arrow-xs-blue.png) no-repeat right top;
}

/* Home Help Section */
.home-help-section{
    margin-bottom: 10px;
    border: solid 1px #000000; 
}

.home-help-section .hs-head{
    background: #D6D7D6;
    border-bottom: solid 1px #000000;
}

.home-help-section .hs-head h3{
    font-size: 11px;
    color: #333333;
}

.home-help-section .hs-cols h3{
    font-family: Georgia,"Times New Roman", serif;
    font-size: 17px;
    background: url(../images/ico-tws-m-color.png) no-repeat 0px 0px;
    margin: 0px;
}

.home-help-section .hs-cols h3 i{
    margin-left: -6px;
}

.home-help-section a{
    text-decoration: none;
    color: #2f80c8;
}

/* quick access link */
.quicksearch-header {
    margin-top: 7px;
}
a.usaa-banner-protected {
    margin-top: 0;
}
.access-branch-lists {
    padding: 0;
    margin: 12px 0 0 0;
    float: right;
}
.access-branch-lists li {
    border-right: 1px solid #7c7c7c;
    display: inline;
    float: left;
    line-height: 1;
    list-style: none outside none;
    margin-right: 5px;
    padding-right: 5px;
}
.access-branch-lists li:last-child, .access-branch-lists li.last-child {
    border-right: medium none;
    margin-right: 0;
    padding-right: 0;
}
.access-branch-lists.access-branch-lists li, .access-branch-lists li {
    border: medium none;
    margin-right: 7px;
}
.access-branch-lists.access-branch-lists li:last-child, .access-branch-lists li:last-child, .access-branch-lists li.last-child {
    border: medium none;
    margin: 0;
    padding: 0;
}

/*** Messages Received/Sent ***/
.inboxOutboxFrame { border-collapse: collapse; border: 1px solid #C0C0C0; padding:5px;}
.inboxOutboxFrame1 { border-collapse: collapse; border: 1px solid #C0C0C0; padding:5px; background:#F0F0F0}

.newLayoutMsg h1 #logo, .newLayoutMsg #logo, .newLayoutMsg .usaa-banner-protected img { max-width: none !important }
.newLayoutMsg .noborder { border: none !important }
.newLayoutMsg .nounderline, .newLayoutMsg .nounderline:hover { text-decoration: none !important; }
.newLayoutMsg #message-container .content-header { padding: 5px 15px; background: #000; }
.newLayoutMsg #message-container .content-header div > img, .newLayoutMsg #message-container .content-header div > a, .newLayoutMsg a.nounderline { vertical-align: middle; }
.newLayoutMsg #message-container .content-header div > a, .newLayoutMsg a.nounderline { color: #FFFFFF; font-size: 16px; font-family: "Georgia","Times New Roman",Times,serif; }
.newLayoutMsg .content-message-container { width: 98%; margin: auto; position: relative; }
.newLayoutMsg .left-msg { float: left; }
.newLayoutMsg .message_header-row-1 a { text-decoration: none }
.newLayoutMsg .message_header-row-1 a:hover { text-decoration: underline; }
.newLayoutMsg .message_header-row-1 a:hover { color: #22375d }
.newLayoutMsg #message-search { margin: 4px 0; width: 350px; opacity: 0.8; color: #040F26; border: 1px solid transparent; padding: 3px 8px; height: 23px; }
.newLayoutMsg .message_content { margin-top: 10px; }
.newLayoutMsg td.main { vertical-align: top; }
.newLayoutMsg .left-msg .message_content { padding-right: 10px; }
.newLayoutMsg .mc-row-wrapper { border-collapse: collapse; border: 1px solid #C0C0C0; padding:15px; background:#fff }
.newLayoutMsg .isMsgUnread {background:#f8f8f8}
a.see-msg { position: absolute; right: 0; bottom: -2px }
.message-excerpt p { margin-right: 65px }

/* message_content */
.newLayoutMsg .mc-spacer { height: 5px; }
.newLayoutMsg .scrollable { height: 700px; min-height: 600px; overflow-y: scroll; overflow-x: hidden; width:100%}
.newLayoutMsg .white-space { position: absolute; top: 0; left: 0; height: 12px; width: 482px; background: #fff; border-bottom: 1px solid #c0c0c0; z-index: 1; font-size: 0; line-height: 0 }
/* message-avatar row */
.newLayoutMsg .message-avatar { position: relative; }
.newLayoutMsg .ma-avatar { margin-right: 10px; float: left; }
.newLayoutMsg .ma-info a { text-decoration: none; }
.newLayoutMsg .ma-sender { color: #333; float: left; }
.newLayoutMsg .ma-sender a { color: #333; }
.newLayoutMsg .ma-sender-top { margin-bottom: 10px; }
.newLayoutMsg .ma-info-top .unread, .newLayoutMsg .ma-info-top .unread a { font-weight: bold; }
.newLayoutMsg .ma-date { color: #989797; font-size: 11px; position: absolute; top: 0; right: 0; }
/* message-action row */
.newLayoutMsg .message-action { position: relative; margin: 17px 30px 18px 5px; }
.newLayoutMsg .message-action .line { background: none repeat scroll 0 0 #d4d4d4; height: 1px; width: 100%; font-size: 0; line-height: 0;}
.newLayoutMsg .ma-checkbox { left: 0; position: absolute; bottom: 2px; }
.newLayoutMsg .ma-read-status { position: absolute; right: -30px; top: -11px; }
/* message-excerpt */
.newLayoutMsg .message-excerpt { line-height: 18px; padding-left: 45px; position: relative; }
/* right message */
.newLayoutMsg .mst-title { width: 40px; text-align: right; float: left; margin-right: 8px; color: #777; }
.newLayoutMsg .mst-content { float: left; }
.newLayoutMsg .right-msg .message-title { padding-top: 15px; line-height: 18px; }
.newLayoutMsg .right-msg .message-action { margin: 16px 0; }
.newLayoutMsg .message-fullcontent p { margin-bottom: 10px; line-height: 18px; }
.newLayoutMsg .message-add-space { height: 100px; }
.newLayoutMsg .message-header-action { margin-bottom: 14px; }
.newLayoutMsg .mha-left { float: left; padding-top: 5px; color: #777; }
.newLayoutMsg .mha-right { float: right; }
.newLayoutMsg .right-msg .message-title,
.newLayoutMsg .message-header-action,
.newLayoutMsg .message-fullcontent { margin-left: 65px }
.newLayoutMsg .message-title { font-weight: bold; }
.newLayoutMsg .right-msg .message-title,
.newLayoutMsg .message-header-action,
.newLayoutMsg .message-fullcontent { margin-left: 65px }
.newLayoutMsg .message-title { font-weight: bold; }
.mst-content.top img{ vertical-align:bottom; }
.ma-date-btm { color: #989797 ; font-size: 11px; position: absolute; top: 18px; right: 0; }

.clearfix:after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
}
.clearfix {
    display: inline-block;
}
* html .clearfix {
    height: 1%;
}
.clearfix {
    display: block;
}

.clear-fix:before,
.clear-fix:after {
    content: ".";
    display: block;
    height: 0;
    overflow: hidden;
}
.clear-fix:after {
    clear: both;
}
.clear-fix {
    zoom: 1; /* IE < 8 */
}

/* Mobile Header */
.top-mobile{
	padding-top: 10px;
	text-align: right;
}
.top-mobile a{
	color: #ffffff;
}
.logout-and-search-tab{
	background-color: #000000;
}
.Base64Comment {
	display: none;
}

.select2-search__field:focus{
	outline: none;
}
#decoration-form .select2-selection, #decoration-form 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;
    outline: none;
    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 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;
}
.select2-container--open .edit-decoration-of-multiple-medals.select2-dropdown {
    left: 8px !important;
    font-size: 11px;
    font-family: Arial;
    top: 8px;
}
.cantAdd{
	pointer:none;
	cursor:default;
}
.top {
	background-image: url(../images/default/shabox_02.jpg);
	background-repeat: repeat-x;
}
.left {
	background-image: url(../images/default/shabox_04.jpg);
	background-repeat: repeat-y;
	background-position: right;
}
.bottom {
	background-image: url(../images/default/shabox_08.jpg);
	background-repeat: repeat-x;
}
.right {
	background-image: url(../images/default/shabox_06.jpg);
	background-repeat: repeat-y;
	background-position: left;
}
.shadowboxbinder {
	background-image: url("../images/default/lines.gif");
}