@import url("SharePoint.css");


/*
@import url("jquery-ui.custom.css");
BrightStarr Framework 
Version: 0.1
Last Edited: 2011-02-11
Author: Ivor van Rensburg

:::: COLOURS ::::
Black			rgb(0,0,0)			#030000
Base green -  	rgb(87,88,79) 		#333c33 
medium green - 	rgb(130,120,111) 	#727365
light green - 	rgb(191,104,166)	#bfb8ab
Yellow - 		rgb(255,213,45)		#ffd530
offwhite		rgb(234,234,234)	#eaeae8
White - 		rgb(255,255,255)	#ffffff

		

:::: TOC ::::
use CTRL+F [number+dash] to find sections


1- Resets 
2- HTML presets [ type setting are in type.css ]
3- Grid Framework 
4- Globals - Base styling


??- Reusable classes & fixes

*/

/*	1- Resets 
----------------------------------------------------------------------------------------*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, 
p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, 
img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figure, figcaption, hgroup, 
menu, footer, header, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
}

article, aside, canvas, details, embed, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,video,audio {
	display: block;
}
command, datalist, keygen, mark, meter, progress, rp, rt, ruby, time, wbr {
	display: inline;
}

/* always force a scrollbar in non-IE */ 
html { overflow-y: scroll; }

nav ul { list-style:none; }

blockquote, q { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }

a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; text-decoration:none;}
a img {border: 0;}

ins { background-color:#ff9; color:#000; text-decoration:none; }

mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }

input, select { vertical-align:middle; }

hr{ height: 1px;background: #bfb8ab}


/* Selection colours*/
::selection 	 	{background: rgb(255,255,158);}
::-moz-selection 	{background: rgb(255,255,158);}
img::selection 		{background: transparent;}
img::-moz-selection	{background: transparent;}
body {-webkit-tap-highlight-color: rgb(255,255,158);}

/*	2- HTML presets [ type setting are in type.css ]
----------------------------------------------------------------------------------------*/


html{
	overflow-y:scroll; /* Force scrollbars 100% of the time */
	font-size:100%; /* Use 16px as per http://www.informationarchitects.jp/en/100e2r/ and http://www.wilsonminer.com/posts/2008/oct/20/relative-readability/ */
	font-family:Calibri, "Helvetica Neue", Arial, sans-serif; /* Swap these two lines around to switch between serif and sans */
	line-height:1.8;
	color:#333;
}
body{
	min-height:100%;
	background: #fff url(/web/20121014024546oe_/http://www.usar.army.mil/Style%20Library/MRM/img/bg.png) repeat top left;
	font: 12px/1.6 Arial, sans-serif;
	color: #333c33;
}

body.v4master
{
    background-image:none;
    line-height: normal;
}


h1,h2,h3,h4,h5,h6{ text-transform:uppercase;}


h2{
font:bold 15px Arial,sans-serif; 	
}


a, a:link, a:visited{color:#727365}
a:hover{text-decoration:underline}

p {margin-bottom:14px}

html.ms-dialog .s4-notdlg {
	display: none !important;
}

/*	3- Grid framework [ see grid-4.css ]
----------------------------------------------------------------------------------------*/




/*	Globals - Base styling
----------------------------------------------------------------------------------------*/

.wrapper{
	background:#fff url(/web/20121014024546oe_/http://www.usar.army.mil/Style%20Library/MRM/img/container-shadow.png) repeat-y left top;
	width:980px;
	margin:0 auto;
	padding:0;
}

.container{
	background:#fff url(/web/20121014024546oe_/http://www.usar.army.mil/Style%20Library/MRM/img/bg-content.png) repeat-x left top;
	padding:0;
	width: 920px;
	padding:10px 20px;
	margin: 0 auto;

	}
	
header, .header{
background: #fff url(/web/20121014024546oe_/http://www.usar.army.mil/Style%20Library/MRM/img/bg-header.png) repeat-x left top;
	padding: 0 0 13px 0;
/*height:110px;*/
width: 960px;
margin:0 auto;	
}	

.header-top{ padding: 15px 0 0 0;}


.logo{
	/*background:url(/web/20121014024546oe_/http://www.usar.army.mil/Style%20Library/MRM/img/logo.png) no-repeat left top;*/
	display: block;
	display:inline-block;

	width:97px;
	height:91px; 
	/*text-indent:-99999em;*/
	margin:10px 30px 0 30px;
	float: left;

}
a.logo-text{
color: #ffd530;
font: bold 35px/1 Arial,sans-serif;
text-transform:uppercase;
position:relative;
top:-3px;
float: left;
}



/* social icons */
.social-icons{
width:220px;
	display: block;
display:inline-block;
	float: left;
	margin: 0px 10px 0px 30px;
	
	
}


.social-icons li{
	margin-right:10px;
	width:25px;
	height:25px;
	display:inline-block;
/*	zoom:1;
	*display: inline;*/
	float: left;
}

.social-icons a{
background:url(/web/20121014024546oe_/http://www.usar.army.mil/Style%20Library/MRM/img/sprite.png) no-repeat -28px top;
width:25px ;
height:25px;
display:block;
text-indent:-9999em;
}

a.twitter{background-position:-28px top;}
a.twitter:hover{background-position:-28px -26px;}
a.youtube{background-position:-28px -61px;}
a.youtube:hover{background-position:-28px -87px;}
a.rss{background-position:-28px -122px;}
a.rss:hover{background-position:-28px -148px;}
a.facebook{background-position:-28px -183px;}
a.facebook:hover{background-position:-28px -209px;}
a.flickr{background-position:-28px -244px;}
a.flickr:hover{background-position:-28px -270px;}
a.wordpress{background-position:-28px -357px;}
a.wordpress:hover{background-position:-28px -383px;}

/* search input in header */

.search{
width:215px;
display:inline-block;
zoom:1;
*display: inline;
}

.search label{display:none;}
.ui-dropdownchecklist-item label{display:inline-block!important;}
.ui-dropdownchecklist-item input{
	width:20px;
	height:11px;
}
div.ui-dropdownchecklist,div.ui-dropdownchecklist-dropcontainer,div.ui-dropdownchecklist-item{
	padding-top:0px!important;
}

.ui-dropdownchecklist-item input.active{
	background-color: transparent;
}

.ui-dropdownchecklist-item input{
	border-color: transparent;
	float:none;
}

.Publishing .s4-search input.ms-sbplain,
.Search .s4-search input.ms-sbplain{
background:none #fff;
width:170px !important;
padding:0;
display:inline-block;
/*zoom:1;
*display: inline;*/
border-left: 1px solid #333C33 !important;
border-top:  1px solid #333C33 !important;
border-bottom: 1px solid #333C33 !important;
border-right: none !important;
padding:3px 5px 2px 3px;
	height: 19px;
	float: left;
	color: #333C33;
}
img.srch-gosearchimg{
	display:none;
}
.Publishing .ms-sbgo a,
.Search .ms-sbgo a{
border-left: none;
border-right: 1px solid #333C33 !important;
border-top:  1px solid #333C33 !important;
border-bottom: 1px solid #333C33 !important;
background:#fff url(/web/20121014024546oe_/http://www.usar.army.mil/Style%20Library/MRM/img/icon-search.png) no-repeat center center;
width:24px;
height:24px;
text-indent:-9999em;
position:relative;
float: left;
}

.Publishing #searchLayout > a
{
	border-left: none;
	border-right: 1px solid #333C33 !important;
	border-top:  1px solid #333C33 !important;
	border-bottom: 1px solid #333C33 !important;
	background:#fff url(/web/20121014024546oe_/http://www.usar.army.mil/Style%20Library/MRM/img/icon-search.png) no-repeat center center;
	width:24px;
	height:24px;
	text-indent:-9999em;
	position:relative;
	float: left;

} 	

.Publishing #searchLayout input
{
    float:left;
}

.Publishing #searchLayout .watermark_container
{
    float: left;
}
	
	
.search select, .select-item{	
border-left: 1px solid #333c33;
border-top:  1px solid #333c33;
border-bottom: 1px solid #333c33;
border-right: 1px solid #333c33;		
}

/* breadcrumbs */
.breadcrumbs{margin-bottom:5px}
.breadcrumbsAlt{margin-bottom:5px}
.breadcrumbs ul{ list-style: none;}
.breadcrumbs li{
    float: left;
    display: inline-block;
    background: url(/web/20121014024546oe_/http://www.usar.army.mil/Style%20Library/MRM/img/breadcrumb.png) no-repeat center right;
    padding: 0 5px;           
   }

.breadcrumbs li a{ padding-right: 5px;color:#333c33 }








/*	Globals - styling of the boxes -- creates the double lines
----------------------------------------------------------------------------------------*/
.box {
	border:1px solid #b2b2ab;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	background:#fff;
	padding:3px;
	margin-bottom:10px;
	
	}
	
.box a{color:#727365}
.box a:hover{}
/*.links{line-height:30px;margin:0}*/
.links span{color:#ffd530;font-weight:bolder}
	
.box-inner{
	border-left:1px solid #b2b2ab;
	border-right:1px solid #b2b2ab;
	border-bottom:1px solid #b2b2ab;
	-moz-border-radius:0px 0px 8px 8px ;
	-webkit-border-radius:0px 0px 8px 8px ;
	border-radius:0px 0px 8px 8px ;
	background:#eaeae8;
	padding:10px;
 
	}

.box h2{
	background:#727365;
	color:#fff;
	-moz-border-radius:8px 8px 0 0;
	-webkit-border-radius:8px 8px 0 0;
	border-radius:8px 8px 0 0;
	font-size:15px;
	line-height:30px;
	padding-left:10px;
	
	}

.box figure, .blog-list figure,.ambassodor-logo{float:left;padding-right:5px;}
.box section{padding-bottom:10px}
p.date, p.comments, p.author{ margin-bottom: 0;}

.meta{color:#333c33}
.meta p{margin:0;}
.meta .date{color:#727365;}
.box h3{font-size:12px;}
.box h4{
	border-top:1px solid #bfb8ab;
	padding-top:15px;
	font-size:12px;
	font-weight:normal;
	text-transform:none;
	}
	
.box h5 {
	    text-transform: uppercase;
        color: #727365;
        font-size: 12px;
        font-weight:normal;
	}
	
.box .search-input{ margin-bottom: 10px;}



/* adds the arrow and padding to links */
p.box-links{ margin: 5px; margin-left:0px;}
p.box-links a{
    margin-top: 10px;
    padding: 5px 10px 3px 0;
    background:url(/web/20121014024546oe_/http://www.usar.army.mil/Style%20Library/MRM/img/box-links.png) no-repeat center right;
    
}

.bio-list a {
    
    padding: 5px 10px 3px 0;
    background:url(/web/20121014024546oe_/http://www.usar.army.mil/Style%20Library/MRM/img/box-links.png) no-repeat center;
    
}


.bio-list p
{
    margin-bottom: 2px;

}

.bio-list p.bio-rank{
    font-size: 11px;
    line-height: 1.2;
    margin-top: 2px;
}

.bio-list p.box-links
{
    margin-top: 0px;
    margin-bottom: 0px;
    text-align: left;
}

.bio-list p.box-links a
{
    margin-top: 0px;
    padding-top: 3px;
    background-position: 54px;
}

.bio-list{
	height: 120px;
}


a.togglelink{
    display: block;
    padding: 5px 10px 3px 10px;
    background:url(/web/20121014024546oe_/http://www.usar.army.mil/Style%20Library/MRM/img/togglelinks.png) no-repeat center left;
    
}




/*footer section*/

footer{
background:	#727365;
color:#fff;
padding: 5px 10px;
width: 940px;
margin:0 auto;	
}
footer p{margin:0; text-align:right;}
footer p+p{float:right}
footer a,footer a:link,footer a:visited{color:#fff}
footer a:hover{color:#ffd530}




/*	??- Homepage
----------------------------------------------------------------------------------------*/

.hp-news{margin-bottom:20px}
.hp-news h2{}

.hp-news .slide-listitem.selected{
    background-color: #FFD530;
}

.hp-news ul{}
.hp-news li{
width:211px;
padding: 2px;
margin-left:20px;

list-style:none;
float:left;
}

.hp-news li:first-child{
 margin-left: 0;
	
}

.hp-news a{
	background:#eaeae8;
	display:block;
	padding:5px;
	overflow:hidden;
	font:12px Arial, sans-serif;
	color: #333c33;
	min-height: 65px;
	/*height: 58px;*/
	height:65px;
	}
	
.hp-news a:hover{background:#cecec9;}
.hp-news img{border:1px solid #333c33;
float:left;
margin-right: 5px;
padding:1px;

}
.hp-news a:hover img{border:2px solid #fff;padding:0;}



/* the homepage slideshow */
#slideshow {
	margin: 0 auto 10px auto;
	/*width:920px;*/
	height:290px;
	position:relative;
	overflow:hidden;
}
 #slidesContainer {
  margin:0 58px; /* width of control + 10px to prevent overlapping */
 overflow:hidden; /* allow scrollbar */
 height:290px;
 position:relative;
}

 .slide {
  margin:0 auto;
  /*overflow:hidden;
  width:128px;
  height:128px;*/
}

.slide h1.slide-title
{
    line-height:25px;
    height:55px;
    overflow:hidden;
}

.slide p.slide-description
{
    height:40px;
    margin-top:4px;
    margin-bottom: 0px;
}

/* Slideshow categories*/
.hp-news h2.list-category:hover
{
    cursor:pointer;
}

.slide{}
/** 
 * Slideshow controls style rules.
 */
.control {
  display:block;
  width:48px;
  height:48px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
  top:76px;
  z-index:1;
}

.slide-index{
	position: absolute;
	top: 260px;
	right: 10px;
	z-index: 10;
}

.slide-index a{
	width: 18px;
	height: 18px;
	background: none;
    float: left;
	display: inline-block;
	color: #fff;
	border: 1px solid #fff;
	text-align: center;
	margin: 1px;
	cursor: pointer;
	font: normal 12px Arial;
	line-height: 18px
}

.slide-index a.activeSlide{
	background: #000;
	opacity: .9;
	color: #ffd530;
}


#slideIndex
{
	/* position left or right set by plugin */
	position: absolute;
}
.numbers
{
	width: 18px;
	height: 18px;
	background: none;
    float: left;
	display: inline-block;
	color: #fff;
	border: 1px solid #fff;
	text-align: center;
	margin: 1px;
	cursor: pointer;
	font: normal 12px Arial;
	line-height: 18px
}
.active{
	background:#000;
	opacity:.9;
	color:#ffd530 ;
	}


.slide div.slide-box{
	background: rgba(0,0,0,0.7);
	width:300px;
	padding:10px;
	height:120px;
	position:relative;
	/*left:10px;
	top: 140px;
	bottom:155px;*/
	
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	
	}


.slide > div
{
    position: absolute;
    top: 140px;
    left:10px;
}


.slide h1{font:bold 24px Arial, sans-serif;
color:#ffd530 ;
}
.slide p{color:#eaeae8}
.slide a{ text-decoration:none;color:#eaeae8}
.slide a:hover{ text-decoration:none;color:#fff}

.tweets{}
.tweets-join{padding-top:10px;}
.tweets-join a{font-size:10px}

.tweets-join a.twitter{
background:url(/web/20121014024546oe_/http://www.usar.army.mil/Style%20Library/MRM/img/sprite.png) no-repeat left -310px;
width:80px ;
height:14px;
display:block;
text-indent:-9999em;
margin-right:5px;
}

.tweets-join a.twitter:hover{background-position:left -328px;}

.advert{margin:0 auto;
text-align:center}
.advert p{color:#333c33}

.box .search{width:auto;}
.box .search div{padding-top:10px}
.box .search-input{
	width:150px;
}
.Publishing select{width:160px;padding:3px 3px 2px 3px;}
/*fix for the equal heights o nthe hp */
	.hp-story .box-inner {height: 348px;}
    .hp-usartweets .box-inner {height: 348px;}
    .advert { height: 400px;}
    .hp-featured .box-inner {height: 150px;}





/* sub page styling 
----------------------------------------------------------------------------------------*/



/* content column */
.content-column figure{ padding-right: 10px;margin-bottom:10px}
.content-column h1{ font-size: 35px;line-height: .9em;margin-bottom:10px;word-wrap: break-word;}
.content-column h2.intro{ font-size: 21px;color: #727365;text-transform: none;font-weight: normal;}
.content-column section {border-bottom: 1px solid #b2b2ab}

.content-column.blogpost-column section
{
    clear:both;
}


.bio{ margin: 10px 0;}


/*media thumbnails */

.media-rollup{}
.media-rollup h2{margin-bottom:10px}
.media-rollup li{
     list-style: none;
    float: left;
    display: inline-block;
    margin: 0 10px 10px 0;              
    }
.media-rollup li:nth-child(3n+3) {
    margin-right: 0;
}
    
.media-rollup li a{display:block}
.media-rollup li a img{border:1px solid #333c33}





/* archives list for blog */

.archives-list{margin-bottom:20px;}
.archives-list li{padding: 5px 0 4px 10px; border-bottom:1px solid #b2b2ab}
.archives-list a{
    padding: 5px 10px 5px 0;
    background:url(/web/20121014024546oe_/http://www.usar.army.mil/Style%20Library/MRM/img/box-links.png) no-repeat center right;
                  }




/* blog -  */

/* styling for blog posts in the boxes */
.blog-post section{ border-bottom: 1px solid #b2b2ab;margin-bottom: 10px;}




/* community styling */
.filter-search {
    margin-bottom: 10px;
    background: #DFDBD5;
	background: #DFDBD5 url(/web/20121014024546oe_/http://www.usar.army.mil/Style%20Library/MRM/img/grad.png) repeat bottom;
	-o-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#DFDBD5), to(#bfb8ab));
	background: -webkit-linear-gradient(#DFDBD5, #bfb8ab);
	background: -moz-linear-gradient(#DFDBD5, #bfb8ab);
	background: -ms-linear-gradient(#DFDBD5, #bfb8ab);
	background: -o-linear-gradient(#DFDBD5, #bfb8ab);
	background: linear-gradient(#DFDBD5, #bfb8ab);
	
    border-top: 1px solid #bfb8ab;
	border-left: 1px solid #bfb8ab;
	border-right: 1px solid #bfb8ab;
	border-bottom:none;
	-moz-border-radius:10px 10px 0 0;
	-webkit-border-radius:10px 10px 0 0;
	border-radius:10px 10px 0 0;
}

.filter-form{ padding: 5px;line-height:30px}
.filter-form li{ float: left;
              display: inline-block;
                list-style: none;
    margin-right: 3px;
              }

.filter-form label{ display: none}
.filter-form input[type="text"] , .filter-form select{
    width: 130px;
    
}
.filter-form select {
    top: -3px;
    position: relative;
}



/*similar to .hp-news so it can prbably be combined into one style for speed */
.events-list{ margin-bottom: 10px;
height: 105px;}
.events-list h5{color:#bfb8ab}
.events-list ul{}

.events-list li{
width:215px;
margin-right:20px;

list-style:none;
float:left;
}

.events-list {
	display:block;
	padding:5px;
	overflow:hidden;
	font:12px Arial, sans-serif;
	color: #333c33;
	float:left;
	width:215px;
}
.events-list:hover{;background:#cecec9;cursor:pointer;}
.events-list img{border:1px solid #333c33;
float:left;
margin-right: 5px;
padding:1px;
height: 49px;
width: 69px;

}
.events-list:hover img{border:2px solid #fff;padding:0;}

/* for news-archive*/
.NewsArchive .events-list
{
    width: 212px;
}



/*similar to .hp-news so it can prbably be combined into one style for speed */

.bio-list h5{ font-weight: bold;font-size: 12px;text-transform: none;line-height: 14px; }
.bio-list ul{}
.bio-list li{
width:210px;
margin-right:10px;
list-style:none;
float:left;
}
.bio-list a{
	display:block;
	padding:2px 0 0 0;
	overflow:hidden;

	}
.bio-list a:hover{}
.bio-list img{border:1px solid #333c33;
float:left;
margin-right: 5px;
padding:1px;
height:87px;

}
.bio-list a:hover img{border:2px solid #fff;padding:0;}
#tabs-2cols .bio-list li:nth-child(even){ margin-right: 0;}
#tabs-AZ .bio-list li:nth-child(3n+3){ margin-right: 0;}


/*pagination for wherevr its required*/

.pagination{ float: right;padding:10px 0;}
.pagination li {
    float: left;
    display: inline-block;
    padding: 0px 10px ;
    border-right: 1px solid #333c33
    
    
}
.pagination li.selected a{font-weight:bold}


figure.person-image img
{
    max-width: 120px;
    width: 120px;
}



/*	??- Reusable helper classes & fixes
----------------------------------------------------------------------------------------*/
.float-left{	float:left}

.float-right{	float:right;}

.border1{outline:1px dashed red;}
.border2{outline:1px dashed blue;}

.last{margin-right:0 !important;}
.first{margin-left:0;}

.no-margin{margin:0}
.paddingtop-10{ padding: 10px 0 0 0;}
.paddingbottom-10{ padding: 0 0 10px  0;}
.paddingright-5{ padding: 0 5px 0 0;}

/* bicubic resizing for non-native sized IMG: 
   code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
.ie7 img { -ms-interpolation-mode: bicubic; }

/* for image replacement */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }

/* Hide for both screenreaders and browsers
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden { display: none; visibility: hidden; } 

/* Hide only visually, but have it available for screenreaders 
   www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden  */
.visuallyhidden { position: absolute !important;    
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px); }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }


.no-boxshadow input:invalid, 
.no-boxshadow textarea:invalid { background-color: #f0dddd; }


/* The Magnificent Clearfix: Updated to prevent margin-collapsing on child elements.
j.mp/bestclearfix */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.clearfix { zoom: 1; }




input[type=button], input[type=submit]{
	background-color: #727365;
	border: solid 1px #727365;
	color: #fff;
	padding: 4px;
}

.filter-search input[type=button], 
.filter-search input[type=submit]
{
    padding: 1px 2px;
    margin-left: 3px;
    height:20px;
    font-size:12px !important;
}

.blogpost-item p.box-links{
	margin: 0px;
	margin-bottom: 15px;
}

.blogpost-rollup .blogpost-image
{
    float: left;
    margin-right: 5px;
}

.blogpost-rollup .blogpost-image img
{
    width: 69px;
    height: 53px;
}

.blogpost-rollup .blogpost-item h3
{
    clear:both;
}

.blogpost-signup
{
    border-top: 1px solid #B2B2AB;
}

/*Ribbon Row */

body #s4-ribbonrow{
	background-color: #727365;
}

.ms-siteactionsmenuinner,
.ms-siteactionsmenuhover {
    background-color: #727365;
    border-color: #666;
}

.ms-welcomeMenu.ms-SpLinkButtonActive,
.s4-breadcrumb-anchor:hover, .s4-breadcrumb-anchor-open, .ms-qatbutton:hover{
	background-color: #727365;
    border-color: #666;
}

.command-invisible
{
    display:none;
}

.subCommands-container .command-item:hover{
	cursor:pointer;
}



/************/

/** Search **/

.srch-sb-results
{
	background-color: transparent;
}

.srch-stats{
	background-color: transparent !important;
}

.ms-authoringcontrols{
	background-color: transparent;
}

/************/

.Publishing div.s4-ca > div > .row{
	overflow:visible;
}

.Publishing .s4-ca{
	min-height: 540px;
}

body.Publishing{
	overflow: visible;
}

body.Search{
	overflow:visible;
}


div.usar-spacer
{
    height: 20px;
    display: block;
}

.loggedin-custom span
{
    color: #fff;
}

a.usar-manageaccount,
a.usar-manageaccount:link,
a.usar-manageaccount:visited,
a.usar-logout,
a.usar-logout:link,
a.usar-logout:visited
{
    color: #fff;
    margin-left: 5px;
}

a.usar-manageaccount:hover,
a.usar-logout:hover
{
    font-weight: bold;
}



/* Profile Style */

.profile-column h1
{
    padding-bottom: 10px;
    border-bottom: 1px solid #333c33;
}


/* Profile section
==========================================================================*/

.profile{}

.profile p{ border-bottom: 1px solid #b2b2ab;padding:20px 0}

.blogpost-item p{
	border-bottom: 0px;
	padding: 0px;
	padding-bottom: 8px;
}

.blogpost-item p.date,
.blogpost-item p.comments,
.blogpost-item p.author
{
    padding-bottom: 0px;
}

.blogpost-item p.blogpost-body
{
    margin-bottom: 0px;
}

.blogpost-item p.author
{
    color: #000;
}

.profile div.profile-section
{
    border-bottom: 1px solid #b2b2ab;
    padding: 20px 0;
}

.profile .profile-inputarea{
	margin-bottom: 10px;
}

.profile .profile-subarea{
	display:inline-block;
	width: 200px;
}

.profile .search-input{ float: none;display: block;border:1px solid #333C33;width: 200px;}

.profile label,
.profile span.label
{ text-transform: uppercase;font-weight: bold;font-size: 15px;clear: both;padding-bottom: 10px;}


.profile p.save{ border-bottom: none;}

.profile input{}

.profile select {
    
}

.profile textarea {
    display: block;
    border:1px solid #333C33;
    width: 100%;
    
    
}

.upload img{ float: left;margin-right: 5px;}

.upload .search-input,.upload button {float:left}


.profile button, .profile input[type="submit"]{
    border: 1px solid #b2b2ab;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 3px 10px 3px 10px;
    margin-left: 5px;
    font-size: 12px;
   
}

.profile button:hover, .profile input[type="submit"]:hover {
    background: #ffd530;
    cursor: pointer;
    color: #333c33;
} 

.blogpost-item button, 
.blogpost-item input[type="submit"]{
	margin-left: 0px;
}

.profile input[type="text"],
.profile input[type="password"]
{
    width: 180px;
}

.profile .profile-inputarea > br
{
    display:none;
}

/*****************/


/***** Login Style *****/

.login-column h2{
    border-bottom: 1px solid #B2B2AB;
    color: #727365;
    font-size: 17px;
    padding-bottom: 4px;
    text-transform: none;
}

.login-column p{
	border-bottom: 1px solid #b2b2ab;
	padding:20px 0
}

.login-column .login-section{
	border-bottom: 1px solid #b2b2ab;
	padding:20px 0
}

.login-column .login-inputarea{
	margin-bottom: 10px;

}

.login-column .login-subarea{
	display:inline-block;
	width: 210px;
}

.login-column p.save{
	border-bottom: none;
}

.login-column label,
.login-column span.label
{ 
    text-transform: uppercase;
    font-weight: bold;
    font-size: 15px;
    clear: both;
    padding-bottom: 10px;
}

.login-column button, 
.login-column input[type="submit"]
{
    border: 1px solid #b2b2ab;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 3px 10px 3px 10px;
    margin-left: 5px;
    font-size: 12px;
   
}

.login-column button:hover, 
.login-column input[type="submit"]:hover
{
    background: #ffd530;
    color: #333c33;
    cursor: pointer;
} 

.login-column input[type="text"],
.login-column input[type="password"]
{
    width: 180px;
}


/***********************/

.manager .box {
    
    border: 1px solid #B2B2AB;
    border-radius: 5px 5px 5px 5px;
    margin-bottom: 10px;
    padding: 0 0 ;
    background:transparent url("/web/20121014024546oe_/http://www.usar.army.mil/Style%20Library/MRM/img/Manager-Header.png") repeat-x scroll 0 0 ;
}
.manager .box table{border-radius:10px 10px 0 0;width:100%;}

.manager .Remove a{
    background: url("/web/20121014024546oe_/http://www.usar.army.mil/Style%20Library/MRM/img/Remove.png") no-repeat scroll center bottom transparent;
    height: 26px;
    display:block;
    width: 72px;
}
.manager .box tr.header 
{
    background: none no-repeat scroll center bottom transparent;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    line-height: 30px;
}
.manager .header td{padding:0px 5px;}
.manager .Email{font-weight:bold;}
.manager .space a{padding-left:10px;}
.manager .account{height:70px;}
.manager .account td{padding:3px 29px 3px 3px;border-top: 1px solid #B2B2AB;}
.manager .Bio{width:300px;}
.manager .Photo img{max-width:80px;}
.manager .header td.Email{padding-left:10px;}

.blogpost-container .comments textarea{
    height: 100px;
    width: 446px;
}

/* Find a Unit Icons */

    .state-option
    {
    }
    
    .country-option
    {
        font-weight: bold;
    }

.findunit-search input{
    /*background-image: url("/web/20121014024546oe_/http://www.usar.army.mil/Style%20Library/MRM/img/icon-search.png");
    background-position: 150px center;
    background-repeat: no-repeat;*/
    border: 1px solid #333c33;
    padding-right:3px;
    width:140px;
}

.findunit-search a
{
    width: 19px;
    border-right: 1px solid #333c33;
    border-top: 1px solid #333c33;
    border-bottom: 1px solid #333c33;
    background-color: #FFFFFF;
    display: inline-block;
    height: 19px;
    padding-left: 4px;
    padding-top: 5px;
}

.findunit-drop span.ui-dropdownchecklist-selector, 
.findunit-function span.ui-dropdownchecklist-selector, 
.filters span.ui-dropdownchecklist-selector,
#tabs-AZ span.ui-dropdownchecklist-selector
{
    background-image: url("/web/20121014024546oe_/http://www.usar.army.mil/Style%20Library/MRM/img/icon-drop.png");
    background-position: 150px center;
    background-repeat: no-repeat;
}

.findunit-drop span.ui-dropdownchecklist-selector,
.findunit-function span.ui-dropdownchecklist-selector
{
    background-position: 152px;
}

#TBajaxWindowTitle{
    float: left;
    margin-bottom: 1px;
    padding: 7px 0 5px 10px;
    font-weight:bold;
}

#TB_title
{
    margin-bottom: 10px;
}

/* Social Media Icons */

.sharethis,
.blog-share
{
    margin-top: 5px;
}

.sharethis > span,
.blog-share > span
{
    margin-right: 15px;
}

.sharethis > a,
.blog-share > a{
	display:inline-block;
	height:16px;
	width: 16px;
	margin-right: 10px;
}



.fb_share_button 
{ 
    background-image:url(/web/20121014024546oe_/http://www.usar.army.mil/_layouts/USAR/images/facebook.png);
    background-position: top right; 
    background-repeat: no-repeat;
} 


.twitter-share-button
{
    background-image:url(/web/20121014024546oe_/http://www.usar.army.mil/_layouts/USAR/images/twitter.png);    
    background-position: top right; 
    background-repeat: no-repeat;
}

.mail-share-button
{	
    background-image:url(/web/20121014024546oe_/http://www.usar.army.mil/_layouts/USAR/images/mail.png);    
    background-position: top right; 
    background-repeat: no-repeat;
}

/* Feedback Control */
input.feedback
{
    width: 317px;
    height: 24px;
}

input.captchabox
{
    width: 317px;
    height: 24px;
}

.create-blog input.captchabox
{
    width: 467px;
}
    
.validation-summary ul
{
    list-style-type:none;
}
    
textarea.feedback
{
    width: 317px;
    resize: vertical;
}

div.feedbackspacer, div.commentspacer, div.createblogspacer
{
    height:10px;
}

div.blogpost-image
{
    width:69px;
}

div.captchaImageBox
{
    border: 1px solid black;
    margin-bottom: 5px;
    padding: 3px;
    width: 312px;
}

.create-blog div.captchaImageBox
{
    width: 461px;
}

div.captchaImageBox > div
{
    margin: 0 auto;
}
    
.feedbackLabel
{
    margin-bottom: 0px; padding-bottom: 2px;
}
	
.feedbackButton input{
	padding: 2px 4px 2px 4px;
}

input.submitCommentButton{
    margin-top: 5px;
}

.comments input.commentBox
{
    height: 21px;
    width: 300px;
}

.commentcaptcha
{
    border: 1px solid black;
    margin-bottom: 5px;
    padding: 3px 0;
    width: 300px;
}