/***********************************************************
____________________________________________________________
RMI

***********************************************************/
/**************************************** COLORS */
/*  ESB Green               #6A686D
 *
 * */

@import url(tripoli.base.css); 
/**************************************** Tag Definitions */
html {
  padding:0;
	margin:0;
	background-color:#F0EEE7;
}
body {
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
	font-size:11px;
	color:#262626;
	padding:0;
	margin:0;
	background-color:#F0EEE7;
}
form {
    margin:0;
    padding:0;
}

p, div {line-height:1.3em; }
span {line-height:1.3em; }
h1, h2, h3, h4, h5 { margin: 0; line-height:1.3em;}
#wrapper .formArea label, 
#wrapper .formArea input { 
    float:left; 
    display:inline; 
    font-family: "Myriad Pro", Arial, Helvetica, sans-serif; 
}
#wrapper #content1 .borderless {
    border:none;
}

html a { color: #888; text-decoration: none; }
html a:visited { }
html a:hover { color:#555; text-decoration: none; }
html a:active { }

html a.blue { color:#06c1bc; text-decoration:none; }

img { border: none; }

ul { list-style: none; margin: 0; padding: 0; }
li { margin: 0; padding: 0; }
ul.hlist li { float:left; }


/**************************************** Global Classes */
.left { float: left; }
.right { float: right;}
.tr {text-align:right;}
.clear { clear: both;}
.horiz hr { height:2px; display:block; margin:20px 0;}
.center { text-align:center; }

.m5 { padding: 5px; }
.m10 { padding: 10px; }
span.pipe { padding:0 10px; }

div.imgWrapper img { display:block; }

h2 {
    font-size:17px;
    padding-bottom:15px;
}
h4 {
    font-size:13px;
    padding-bottom:10px;
    font-weight:normal;
}

h4.grey {
    color:#8e8e8e;
    font-size:16px;
    font-weight:normal;
    padding:0;
    margin:0; 
}

h4.underlined {
    border-bottom:solid 1px #84c6ca;
}

p {
    margin-bottom:10px;
}

p a, a.blue {
    color:#84c6ca;
}

p a:hover, a.blue:hover {
    text-decoration:underline;
}

/* Clearfix */
.clearfix:after 
{
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix
{
    display: inline-block;
}

html[xmlns] .clearfix
{
    display: block;
}

* html .clearfix
{
    height: 1%;
}

ul.blockList li a {
    display:block;
    padding:2px 10px;
    text-transform:uppercase;
    font-size:9px;
    color:#262626;
}

ul.blockList li a:hover {
    background:#2c2c54;
    color:#fff;
}


/**************************************** Global Layout */
#wrapper {
	width:987px;
	margin:15px auto 0 auto;
}

#header {
    padding-bottom:20px;
}

#header #logo {
    /*padding-top:28px;*/
    float:right;
    display:inline-block;
}

#header #logo a {
    display:block;
}

#header_NavWrapper {
    float:left;
    display:inline-block;
    width:600px;
    padding-top:24px;
}

#navigation1 a, #navigation2 a {
    color:#6A686D;
    display:block;
}

#navigation1_Wrapper {
    border-top:solid 1px #B3B3B3;
    border-bottom:solid 1px #B3B3B3;
}

#navigation1 {
    float:left;
}

#navigation1 li {
    float:left;
    text-transform:uppercase;
}

#navigation1 li a {
    padding:10px;
}

#navigation1 li a:hover, #navigation1 li a.active {
    color:#fff;
    background-color:#2E493E;
}

#navigation1 li.selected
{
	color:#fff;
    background-color:#2E493E;
}

#navigation1 li.selected a
{
	color:#fff;
}

#navigation2 {
    padding:10px 0 0 30px;
}

#navigation2 li {
    float:left;
    padding-right:15px;
    display:inline-block;
}

#navigation2 li a:hover {
    color:#2E493E;
}

#navigation2 li.selected a
{
	color:#2E493E;
}

#content1 {
    padding:10px 0 0 0;
}

#content1_1 {
    margin-left:17px;
    width:580px;
}

#content1_1_Inner {
    float:left;
    width:100%;
}

#content1_Side {
    float:right;
    display:inline-block;
    width:349px;
    margin-right:17px;
}

#content1_1 {    
    margin-right:387px;
}

#content1_1 p {
    font-size:12px;
}

#content1_2 {
    
}

#footer {
    padding:5px 0 22px 0;
    /*background:transparent url(/SocMe/Images/socme_logo.png) no-repeat scroll bottom right;*/
}

#footerLinks {
    text-align:right;
    padding:2px 0;
    border-bottom:solid 2px #4d4d4d;
}

#footerLinks a {
    color:#262626;
}

#SocMeLogo {
    padding-top:4px;
    float:right;
}

/**************************************** Global Forms */

#content1 p.formNote {
    font-size:11px;
    padding:0 10px;
}

.formSection h3 {
    font-weight:normal;
    font-size:16px;
}

.formSection h4 {
    font-weight:normal;
}

.formWrapper .formSection {
    background:#D8D6D4;
    padding:10px 10px 0 10px;
    margin-bottom:2px;
}

.formWrapper label, .formWrapper input,.formWrapper textarea.text, .formWrapper select.select {
	display: block;
	float: left;
	margin-bottom: 10px;
}

.formWrapper input.radio, .formWrapper input[type="radio"], .formWrapper span.radio input,
.formWrapper input.check, .formWrapper input[type="checkbox"], .formWrapper span.check input
{
    display:inline-block;
    margin-right:5px;
}

.formWrapper span.radio label, .formWrapper span.check label{
    width:auto;
}

.formWrapper label {
	text-align: left;
	width: 120px;
	padding-right: 20px;
}

.formWrapper br.formBr {
	clear: left;
}

.formWrapper p.formFootnote {
    text-align:right;
    margin-top:10px;
}

.buttonWrapper {
    margin-top:10px;
    text-align:right;
}

.formSubmitOptions a.blue {
    text-transform:uppercase;
}

.formWrapper input.text,.formWrapper textarea.text,.formWrapper select.select {
    width: 419px;
    border:none;
    background:#F2F2F2;
    padding:2px 0;
    font-family:inherit;
}

input.button {
    float:none;
    width:auto;
    display:inline-block;
    font-size:13px;
}

.formWrapper span.radio label {
    width:auto;
}

.formWrapper .formLeftMargin {
    padding-left:140px;
}

#content1 .formWrapper .form_full {
    width:99.5%;
}

#content1 .formWrapper .form_med {
    width:280px;
}

#content1 .formWrapper .form_sm {
    width:133px;
}

#content1 .formWrapper .form_xsm {
    width:80px;
}

#content1 .formWrapper .form_xxsm {
    width:50px;
}

.formWrapper span.form_text {
    float:left;
    padding:0 5px;
    display:inline-block;
}

.formWrapper .formSubmitOptions {
    text-align:right;
    padding-bottom:20px;
}

.formWrapper .formSubmitOptions a {
    font-weight:bold;
}

.formWrapper .fullRow label {
    width:80%;
}


#content1 .formWrapper_Content {
    background:transparent;
    padding:10px 0;
}

#content1 .formWrapper_Content input.text, #content1 .formWrapper_Content textarea.text {
    border:solid 1px #ddd;
}

#content1 .formWrapper_Content .formSubmitOptions {
    padding-bottom:0px;
}

/**************************************** SideBar Styles */
.sideBarBox {
    margin-bottom:20px;
}

.sideBarBox h4.sideBarBox_Header {
    margin:0;
    padding:0 0 2px 0;
    text-transform:uppercase;
    font-size:11px;
}

#content1_Side .paginator {
    margin-right:17px;
}

#content1 .paginator a {
    color:#457336;
}

ul.sideBarNav1 a {
    display:block;
    color:#262626;
    padding:3px 2px;
    border-top:dashed 1px #ccc;
    font-size:9px;
    text-transform:uppercase;
}

ul.sideBarNav1 a:hover, ul.sideBarNav1 a:hover.selected {
    color:#eb0000;
}

ul.sideBarNav1 a.selected {
    color:#eb0000;
}

ul.sideBarNav2 ul li {
    margin-top:3px;
    height:1%;
}

ul.sideBarNav2 ul li a.lvl1 {
    display:block;
    padding:3px 2px 2px 25px;
    border-top:dashed 1px #ccc;
    /* Set background to color/icon sprite */
}

ul.sideBarNav2 ul li a.lvl1_expanded {
    color:#555;
}

ul.sideBarNav2 span.filter {
    color:#E30000;
}

ul.sideBarNav2 ul li a.first {
    border-top:none;
    margin-top:1px;
}

ul.sideBarNav2_lvl2 {
    margin-left:40px;
}

.noticeBox {
    border-top:solid 1px #888;
}

.noticeBox h5 {
    font-size:12px;
    font-weight:normal;
}

.noticeBox p {
    font-size:11px;
}

/**************************************** Misc. Controls */
/** Modals / Login Popup **/

.modalOverlay {
    background-color:#fff;
    cursor:default;
    opacity:0.1;
    filter: alpha(opacity=10); /*IE 5-7*/
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; /*IE 8*/
}

.modalPopup .modalClose_Icon {
    float:right;
    position:relative;
    top:-22px;
    right:-22px;
    background:transparent url(/SocMe/Images/close_modal.png) no-repeat scroll top left;
    width:26px;
    height:25px;
}

.modalClose_Icon a {
    width:26px;
    height:25px;
    display:block;
}

.modalPopup .modalClose_Icon span {
    visibility:hidden;
}

/** Article Float Details **/
.itemFloatDetails {
    color:#888;
    float:right;
}

.itemFloatDetails .itemFloatDetails_timestamp, .itemFloatDetails .itemFloatDetails_itemType {
    padding-right:10px;
}

.itemFloatDetails .itemFloatDetails_commentsLink {
    color:#AFAB11;
}

/** Article Options **/
.articleOptions {
    text-align:right;
    clear:left;
}

.articleOptions a {
    color:#06c1bc;
}

/** Paginator **/
.paginator {
    padding:3px 2px;
    color:#888;
    text-align:right;
    margin-bottom:10px;
}

.paginator_bb {
    border-bottom:solid 1px #b3b3b3;
}

.paginator_bt {
    border-top:solid 1px #b3b3b3;
}
/** Section Wrapper **/
.sectionWrapper {
    border-top:solid 2px #ccc;
    padding-top:5px;
}

/** Section Head **/
h2.sectionHead {
    border-bottom:solid 1px #b3b3b3;
    text-transform:uppercase;
    padding-bottom:3px;
    font-size:80%;
    font-weight:normal;
    margin-bottom:3px;
}

#content1_1 .sectionStaticImgTextWrapper {
    background-color:Transparent;
    background-attachment:scroll;
    background-repeat:no-repeat;
    
    min-height:60px;
    height:auto !important;
    height:60px;
    
    padding:10px;
    
    color:#f5f1e9;
    font-size:140%;
    margin-bottom:5px;
}

a.readMoreLink {
    font-size:11px;
}

/** Comments **/

#postCommentForm {
    display:none;
}

#postCommentForm h5.grey {
    color:#999;
    padding-bottom:5px;
    font-size:14px;
    font-weight:normal;
}

ul.commentsList {
    margin-top:10px;
    font-size:12px;
    color:#999;
}

ul.commentsList li.commentWrapper {
    border-top:solid 1px #ccc;
    padding:10px 0;
}

ul.commentsList .commentBody {
    padding:10px 0 0 0;
}

/* TEMPLATE SPECIFIC */
#banner {
    margin-bottom:10px;
    padding:0 17px 10px 17px;
    background:transparent;
    color:#000;
    font-size:16px;
}

#banner_slides {
    height:200px;
    background:#000;
    overflow:hidden;
}
#banner_slides p {
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
}

.loading_black {
    background:#000 url(/SocMe/Images/ajax_loader_black.gif) no-repeat scroll center center;
}

#banner .slide {
    width:953px;
    height:200px;
    overflow:hidden;
    background-repeat:repeat;
}

#banner .slide p {
    padding:10px;
    font-size:30px;
    color:#fff;
}

#banner .slide a.slide_findOutMore {
    color:#fff;
    text-decoration:underline;
    font-size:18px;
}

#banner .slide a.slide_findOutMore:hover {
    text-decoration:none;
}

#banner_navigation a.bn_Link {
    float:left;
    width:20px;
    height:20px;
    display:inline;
    background:transparent url(/SocMe/Images/banner_sprites.gif) no-repeat scroll;
    margin-right:3px;
    overflow:hidden;
}

#banner_navigation a.bn_Link:hover {
    background-position:2px -32px;
}

#wrapper #banner_navigation a.activeSlide {
    background-position:2px -71px;
}

#banner_navigation a.bn_SlideLink {
    background-position:2px -5px;
}

#banner_navigation #banner_prev {
    background-position:2px -149px;
}

#banner_navigation #banner_prev:hover {
    background-position:2px -225px;
}


#banner_navigation #banner_next {
    background-position:2px -109px;
}

#banner_navigation #banner_next:hover {
    background-position:2px -191px;
}

#banner_navigation a.bn_Link span {
    visibility:hidden;
}

#banner_navigation #banner_title {
    float:left;
    font-size:11px;
    color:#888;
    padding:2px 0 0 0;
}

#banner_navigation #pager {
    float:left;
}


/** GreenBox **/
.greenBox {
    background-color:#2E493E;
    padding:15px;
    color:#fff;
    margin-bottom:15px;
}

#content1 .greenBox p {
    font-size:19px;
}

.greenBox a {
    color:#fff;
}

/** WhiteBox **/

.whiteBox {
    background-color:#fff;
    padding:15px;
    margin-bottom:15px;
}

.whiteBox h2 {
    margin-bottom:0;
    padding-bottom:10px;
}

.whiteBox ul {
	list-style: disc;
	padding-left: 15px;
}


#content1 .whiteBox p {
    font-size:11px;
}

#content1 .whiteBox a {
    color:#457336;
}

.whiteBox a:hover {
    text-decoration:underline;
}

.whiteBox ol {
    margin-left:20px;
}

.whiteBox h3 {
    font-size:17px;
    font-weight:normal;
}

.whiteBox .sectionLinks {
    padding:15px 0;
}

/** multiple content blocks **/

ul.contentBlocks .contentBlock_Thumb {
    float:left;
    padding:10px 10px 10px 0;
}

ul.contentBlocks li.contentBlock {
    padding-bottom:15px;
}

ul.contentBlocks ul.relatedLinks li {
    padding-bottom:5px;
}

/** Front Flash **/
.frontFlash {
    width:349px;
    background-color:#ccc;
    display:block;
    overflow:hidden;
}

/** Content Image **/
.contentImgWrapper {
    margin-bottom:15px;
}

/** Tertiary Navigation **/
.tertiaryNavigation {
    border-top:solid 2px #ccc;
    border-bottom:solid 2px #ccc;
}

.tertiaryNavigation li a {
    padding:5px;
    display:block;
    color:#747776;
}

.tertiaryNavigation li a:hover, .tertiaryNavigation li a.active {
    color:#fff;
    background-color:#B3B3B3;
}

.section {
    margin-bottom:10px;
}

a.returnLink {
    float:right;
}

.articleImg_Left {
    float:left;
    padding:10px 10px 10px 0;
}

h3.constrainedWidth {
    padding-right:200px;
}

h3.stronger {
    font-size:22px;
    font-weight:normal;
}

h4.stronger {
    font-size:16px;
    font-weight:normal;
    padding:0;
}

.articleAuthors {
    padding-bottom:10px;
}

p.bt {
    border-top:solid 1px #b3b3b3;
}


#content1_1 .articleBox {
    background-color:#fff;
    padding:10px;
    margin-bottom:15px;
}

#content1_1 .articleBox p {
    font-size:11px;
}

#content1_1 .articleBox p.med {
    font-size:12px;
}


.itemAuthors {
    font-size:12px;
	font-style: italic;
}

.searchResultOptions {
    text-align:right;
    color:#888;
    padding:10px 0 4px 0;
    border-bottom:solid 1px #b3b3b3;
}

.searchResultOptions a.backToSearchLink {
    margin-left:10px;
}

.articleItem a.iconLink {
    background:transparent url(/SocMe/Images/category_bkg.png) no-repeat scroll;
    float:left;
    width:18px;
    height:18px;
    margin-right:10px;
    display:inline-block;
    overflow:hidden;
}

.articleItem a.iconLink span {
    visibility:hidden;
}

.articleItem a.archiveIconLink {
    background-position:1px -2px;
}

.articleItem a.amoryIconLink {
    background-position:1px -36px;
}

.articleItem .itemOptions {
    padding:0 0 5px 0;
}

a.downloadLink {
    background:transparent url(/SocMe/Images/download.png) no-repeat scroll center right;
    padding-right:18px;
}



/** DARK BOXES **/
.darkBox {
    color:#d4d4d4;
    background:#4F4F4F;
    padding:10px;
}

.darkBox a {
    color:#06c1bc; 
    text-decoration:none;
}

.darkBox a:hover {
    color:#fff;
    text-decoration:none;
}

.darkBox .check input {
    margin-right:5px;
    vertical-align:bottom;
}

#wrapper .darkBox p {
    font-size:11px;
    margin:0;
    padding-bottom:10px;
}

.darkBox a.greyLink {
    color:#d4d4d4;
}

.darkBox a.greyLink:hover {
    color:#fff;
}

.darkBox input.text {
    margin-bottom:10px;
    font-family:inherit;
    padding:1px;
}

.darkBox h4 {
    text-transform:uppercase;
    font-size:12px;
    padding-bottom:10px;
}

#loginPanel1 {
    position:absolute;
    z-index:200;
    width:349px;
}

#loginPanel1 input.text, #loginModal input.text{
    width:346px;
    margin-bottom:10px;
    font-family:inherit;
    padding:1px;
}

.loginPanel_RememberMe {
    float:left;
}


a.signInBtn {
    padding:2px 3px;
    text-transform:uppercase;
}

a.closeLink {
    float:right;
    display:block;
    width:20px;
    height:20px;
    text-align:center;
    font-size:13px;
    position:relative;
    top:3px; 
}


#subscriptionBox input.text {
    width:326px;
    float:left;
}

#subscriptionBox a.subscriptionSubmit span {
    visibility:hidden;
}

#subscriptionBox a.subscriptionSubmit {
    float:left;
    width:15px;
    height:18px;
    background:transparent url(/SocMe/Images/textbox_arrow_dark.gif) no-repeat scroll center center;
}

/** Messages **/

.message {
	margin: 10px 0;
	padding: 10px;
}
.error { 
	border: solid 1px #ca8884;
	background: #efdbda;
}
.warning {
	border: solid 1px #cab984;
	background: #efeada;
}
.confirm {
	border: 1px solid #84c6ca;
	background-color: #daeeef;
}

.overlayPad {
  height: 10px;
}