﻿/*@font-face {
       font-family: TruePotential;
       src: url(../css/fonts/lte50336-webfont.eot);
       src: local('nnnnnn'),
         url('../css/fonts/lte50336-webfont.ttf') format('truetype'),
         url('../css/fonts/lte50336-webfont.svg#lte50336') format('svg'), 
         url(../css/fonts/lte50336-webfont.otf);
}

*/



html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*      STRUCTURE
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


    
body {font-family: Helvetica,sans-serif,verdana;color: #6e6e70;font-size:14px;line-height: 1.5em;margin:0px !important;}
h1 {font-size:22px !important;color:#282966;font-weight:normal;margin-top:5px;}     
h2 {font-size:16px !important;color:#000000;font-weight:normal;margin-top:5px;} 
h3 {font-size:12px !important;color:#000000;font-weight:normal;margin-top:5px;}
h4 {font-size:10px !important; color: #282966;font-weight:normal;margin-top:5px;}
.editcontent ul { list-style-type:disc; padding-left:20px; }
#popupArticle ul { list-style-type:disc; padding-left:20px; }
/*
div
{ 
    border:1px solid red;
}
*/



#divPageWrap { width: 1000px; margin: 10px auto; }
#header_area { margin-top: 10px;}
.branding { float: left; margin-top: 10px;margin-left: 5px; }
.tpLogohead { float: right; margin-top: 10px; }
.tpLogo { float: right; margin-top: 10px; }
.firmname { color: #282966;  font-size: 18px; } 
#subSubHeader{float: right; }

#divNavigationAdmin { position: absolute; margin-top: 262px; margin-left: 20px; width: 200px; }
/*#divHeaderBanner { height: 300px; margin-top: 100px; }*/
#divHeaderBanner { height: 300px; }
#divLeftContent { width: 300px; float: left; margin-top:10px;}
#divMainContent { width: 625px; margin-left: 5px; margin-right: 295px;margin-top: -20px; padding:10px;}
#divAdminMainContent { width: 625px; margin-left: 5px; margin-right: 295px;margin-top: 2px; padding:10px;}
#divRightcontent { float: right; margin-top: 10px; width: 330px; padding:10px;}

#footerleft { width: 625px; float: left; padding-left:10px; padding-right:10px; padding-bottom:30px;}
#footerright { float: right; width: 330px; padding-left:10px; padding-right:10px; padding-bottom:30px;}

.clear { line-height: 1px; clear: both; }
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*      CONTENT
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*#divLeftContent h2, #divRightcontent h2 {margin:10px; }
#divLeftContent p, #divRightcontent p {margin:10px; }
#divMainContent h1 { margin:10px; }
#divMainContent h2 { margin:10px;}
#divMainContent h3 { margin:10px;}
#divMainContent h4 {margin:10px; }
#divMainContent p { margin:10px;}
*/
#divFooter p { text-align:center}

#divLeftContent p { text-align:left !important;}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*  TWITTER FEED
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#jstwitter .tweet {
    margin: 0 auto 15px auto;
    padding: 0 0 15px 0;
    border-bottom: 1px dotted #ccc;
}
 
#jstwitter .tweet a {
    text-decoration: none;
    color: #13c9d0;
}
 
#jstwitter .tweet a:hover {
    text-decoration: underline;
}
 
#jstwitter .tweet .time {
    font-size: 10px;
    font-style: italic;
    color: #666666;
}





/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*  menu
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


.menu
{ 
    font-size:12px;
    background:white; 
    line-height:0px; 
    text-decoration:none;
    text-indent:10px; 
    cursor:pointer;
    padding: 5px;
}


.adminmenunew
{ 
    font-size:15px;
    background:white; 
    line-height:24px; 
    text-indent:10px; 
    cursor:pointer;
    padding: 5px;
}

.adminmenunew a
{ 

    text-decoration:none !important;

}

.menu a 
{
    text-decoration:none; 
    color:#6e6e70; 
    display:block;
}

.menu a:hover 
{
    color:#069; 
    background:#f9f2e4
 }
 
 
 .articlemenu
{ 
    font-size:15px;
    background:white; 
    line-height:24px; 
    text-decoration:none;
    cursor:pointer;
    padding: 5px;
}

.articlemenu a 
{
    text-decoration:none; 
    color:#6e6e70; 
    display:block;
}

.articlemenu a:hover 
{
    color:#069; 
    background:#f9f2e4
 }
 
 .submenu
 {
    font-size:12px;
    background:white; 
    line-height:24px; 
    text-decoration:none;
    text-indent:25px; 
    cursor:pointer;
    padding: 5px;
 }
 
 .submenu a 
{
    text-decoration:none; 
    color:#ca9933; 
    display:block;
}

.submenu a:hover 
{
    color:#069; 
    background:#f9f2e4
 }
 
 
 
 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
 /*horizontal menu*/
 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
 
 #horizontalclass
 {
  
  width:100%;
     
 }
 
 .gradientbuttons ul{
padding: 10px 0;
margin-left: 4px;
margin-top: 1px;
margin-bottom: -9px;
/*font: bold 12px Verdana;*/
font: 11px/14px Arial,Helvetica,sans-serif;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.gradientbuttons li{
display: inline;
margin: 0;
}

.gradientbuttons li a{
text-decoration: none;
padding: 5px 7px;
/*margin-right: 5px;*/
border: 1px solid #778;
color: white;
border:1px solid gray;
background: #3282c2;
/*border-radius: 8px; /*w3c border radius*/
box-shadow: 3px 3px 4px rgba(0,0,0,.5); /* w3c box shadow */
/*-moz-border-radius: 8px; /* mozilla border radius */
-moz-box-shadow: 3px 3px 4px rgba(0,0,0,.5); /* mozilla box shadow */
background: -moz-linear-gradient(center top, #a4ccec, #72a6d4 25%, #3282c2 45%, #357cbd 85%, #72a6d4); /* mozilla gradient background */
/*-webkit-border-radius: 8px; /* webkit border radius */
-webkit-box-shadow: 3px 3px 4px rgba(0,0,0,.5); /* webkit box shadow */
background: -webkit-gradient(linear, center top, center bottom, from(#a4ccec), color-stop(25%, #72a6d4), color-stop(45%, #3282c2), color-stop(85%, #357cbd), to(#72a6d4)); /* webkit gradient background */
}

.gradientbuttons li a:hover{
color: lightyellow;
}


.darkbluetheme ul
{
   background: blue !important; 
   background: -moz-linear-gradient(center top, #72a6d4, #3282c2 25%, #0B265C 45%, #3282c2 85%, #72a6d4) !important;
   background: -webkit-gradient(linear, center top, center bottom, from(#72a6d4), color-stop(25%, #3282c2), color-stop(45%, #0B265C), color-stop(85%, #3282c2), to(#72a6d4)) !important; 
}

.darkbluetheme li a
{
   background: blue !important; 
   background: -moz-linear-gradient(center top, #72a6d4, #3282c2 25%, #0B265C 45%, #3282c2 85%, #72a6d4) !important;
   background: -webkit-gradient(linear, center top, center bottom, from(#72a6d4), color-stop(25%, #3282c2), color-stop(45%, #0B265C), color-stop(85%, #3282c2), to(#72a6d4)) !important; 
}

.redtheme ul{
font-size:12px;
background: darkred !important;
background: -moz-linear-gradient(center top, #f5795d, #e55e3f 25%, #d02700 45%, #e55e3f 85%, #f5795d) !important;
background: -webkit-gradient(linear, center top, center bottom, from(#f5795d), color-stop(25%, #e55e3f), color-stop(45%, #d02700), color-stop(85%, #e55e3f), to(#f5795d)) !important; 
}

.redtheme li a{
font-size:12px;
background: darkred !important;
background: -moz-linear-gradient(center top, #f5795d, #e55e3f 25%, #d02700 45%, #e55e3f 85%, #f5795d) !important;
background: -webkit-gradient(linear, center top, center bottom, from(#f5795d), color-stop(25%, #e55e3f), color-stop(45%, #d02700), color-stop(85%, #e55e3f), to(#f5795d)) !important; 
}

.greentheme ul{
font-size:12px;
background: green !important;
background: -moz-linear-gradient(center top, #7ad690, #3ec05c 25%, #298a40 45%, #3ec05c 85%, #7ad690) !important;
background: -webkit-gradient(linear, center top, center bottom, from(#7ad690), color-stop(25%, #3ec05c), color-stop(45%, #298a40), color-stop(85%, #3ec05c), to(#7ad690)) !important; 
}

.greentheme li a{
font-size:12px;
background: green !important;
background: -moz-linear-gradient(center top, #7ad690, #3ec05c 25%, #298a40 45%, #3ec05c 85%, #7ad690) !important;
background: -webkit-gradient(linear, center top, center bottom, from(#7ad690), color-stop(25%, #3ec05c), color-stop(45%, #298a40), color-stop(85%, #3ec05c), to(#7ad690)) !important; 
}

.blacktheme ul{
font-size:12px;
background: black !important;
background: -moz-linear-gradient(center top, #9f9f9f, #686868 25%, #2a2a2a 45%, #686868 85%, #9f9f9f) !important;
background: -webkit-gradient(linear, center top, center bottom, from(#9f9f9f), color-stop(25%, #686868), color-stop(45%, #2a2a2a), color-stop(85%, #686868), to(#9f9f9f)) !important; 
}

.blacktheme li a{
font-size:12px;
background: black !important;
background: -moz-linear-gradient(center top, #9f9f9f, #686868 25%, #2a2a2a 45%, #686868 85%, #9f9f9f) !important;
background: -webkit-gradient(linear, center top, center bottom, from(#9f9f9f), color-stop(25%, #686868), color-stop(45%, #2a2a2a), color-stop(85%, #686868), to(#9f9f9f)) !important; 
}

.greytheme ul{
font-size:12px;
background: grey !important;
background: -moz-linear-gradient(center top, #BFBBBB, #9f9f9f 25%, #696868 45%, #9f9f9f 85%, #BFBBBB) !important;
background: -webkit-gradient(linear, center top, center bottom, from(#BFBBBB), color-stop(25%, #9f9f9f), color-stop(45%, #696868), color-stop(85%, #9f9f9f), to(#BFBBBB)) !important; 
}

.greytheme li a{
font-size:12px;
background: grey !important;
background: -moz-linear-gradient(center top, #BFBBBB, #9f9f9f 25%, #696868 45%, #9f9f9f 85%, #BFBBBB) !important;
background: -webkit-gradient(linear, center top, center bottom, from(#BFBBBB), color-stop(25%, #9f9f9f), color-stop(45%, #696868), color-stop(85%, #9f9f9f), to(#BFBBBB)) !important; 
}



.orangetheme ul{
font-size:12px;
background: #e55e3f !important;
background: -moz-linear-gradient(center top, #ecad9a, #e5937c 25%, #E07319 45%, #e5937c 85%, #ecad9a) !important;
background: -webkit-gradient(linear, center top, center bottom, from(#ecad9a), color-stop(25%, #e5937c), color-stop(45%, #E07319), color-stop(85%, #e5937c), to(#ecad9a)) !important; 
}
 
 .orangetheme li a{
font-size:12px;
background: #e55e3f !important;
background: -moz-linear-gradient(center top, #ecad9a, #e5937c 25%, #E07319 45%, #e5937c 85%, #ecad9a) !important;
background: -webkit-gradient(linear, center top, center bottom, from(#ecad9a), color-stop(25%, #e5937c), color-stop(45%, #E07319), color-stop(85%, #e5937c), to(#ecad9a)) !important; 
}
 
 
 /*test*/


.indentmenu{
font:  12px Arial;
/*width: 126%; leave this value as is in most cases*/
overflow: hidden;
margin-bottom: -4px;
}

.indentmenu ul
{
margin-left: 5px;
padding: 0;
float: left;
width: 100%; /*width of menu*/
border: 1px solid #564c66; /*dark purple border*/
border-width: 1px 0;
/*background: black url(media/indentbg.gif) center center repeat-x;*/
background: #3282c2;
background: -moz-linear-gradient(center top, #a4ccec, #72a6d4 25%, #3282c2 45%, #357cbd 85%, #72a6d4); /* mozilla gradient background */
background: -webkit-gradient(linear, center top, center bottom, from(#a4ccec), color-stop(25%, #72a6d4), color-stop(45%, #3282c2), color-stop(85%, #357cbd), to(#72a6d4)); /* webkit gradient background */

}

.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
float: left;
color: white; /*text color*/
padding: 5px 11px;
text-decoration: none;
border-right: 1px solid #564c66; /*dark purple divider between menu items*/
font-size:12px;
background: #3282c2;
background: -moz-linear-gradient(center top, #a4ccec, #72a6d4 25%, #3282c2 45%, #357cbd 85%, #72a6d4); /* mozilla gradient background */
background: -webkit-gradient(linear, center top, center bottom, from(#a4ccec), color-stop(25%, #72a6d4), color-stop(45%, #3282c2), color-stop(85%, #357cbd), to(#72a6d4)); /* webkit gradient background */

}

.indentmenu ul li a:visited{
color: white;
}

.indentmenu ul li a:hover, .indentmenu ul li .current{
color: white !important; /*text color of selected and active item*/
padding-top: 6px; /*shift text down 1px for selected and active item*/
padding-bottom: 4px; /*shift text down 1px for selected and active item*/
background: black url(media/indentbg2.gif) center center repeat-x;
}



 
 /*test*/
 
 
 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*  admin area
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

 
 
.formFieldset ul, .formFieldset li { border: 0; margin: 0; padding: 0; list-style: none;  border:none;}
.formFieldset ul.tallList { height: 180px;border:none; }
.formFieldset li { clear: both; height: 22px; list-style-image: none; list-style-position: outside; list-style-type: none; padding-bottom: 0px; padding-right: 5px; border:none;}
.formFieldset .li_details { height:58px ; border:none;}

.stratTable {border:1px solid #7F3E98}
.stratTable .headerCell { text-transform: capitalize; background-color: #7F3E98; color: #fff; background-image: url("images/ui-bg_highlight-hard_50_7F3E98_1x100.png"); background-position: 50% 50%; background-repeat: repeat-x; }
.stratTable .headerCell:first-child { text-transform: capitalize; background-color: #7F3E98; color: #fff; background-image: url("images/ui-bg_highlight-hard_50_7F3E98_1x100.png"); background-position: 50% 50%; background-repeat: repeat-x; }
.stratTable .subHeaderCell { text-transform: capitalize; background-color: #7F3E98; color: #fff; background-image: url("images/ui-bg_highlight-hard_50_7F3E98_1x100.png"); background-position: 50% 50%; background-repeat: repeat-x; }
.stratTable .centerCell { color: #808183; background-color: #fff !important; }
.stratTable .labelCell { background-color: #F3F3F3; color: #000; text-align: right; font-style: italic; }
.stratTable .spacerCell { }
.stratTable .rowAlt td { background-color: #F2F2F2; line-height: 20px; }
.stratTable td { border-left:none ; padding: 0 7px 0 7px; background-color: #FFFFFF; line-height: 20px; }
.stratTable .rowAlt td:first-child {background-color: #F2F2F2; line-height: 20px; }
.stratTable td:first-child { border-left: none; background-color: #FFFFFF; line-height: 20px; }
.stratTable p { font-size: 11px; color: #000; margin: 10px 20px; }
.stratTable ul { font-size: 12px; padding-left: 5em; }
.stratTable li { list-style: disc; }
.stratTable input[type="text"] { float: left; font-size: 11px; height: 16px; padding: 0px; width: 100px; }


.singleColumnForm, .twoColumnForm, .threeColumnForm, .fourColumnForm { padding: 3px; background-color: #F8F8F8; border: #E5E5E5 1px solid; margin: 3px auto; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; -border-bottom-right-radius: 10px; }



.buttonField { clear: both; padding-top: 30px; text-align: center; margin-bottom: 20px; }
.buttonField_noClear { padding-top: 30px; text-align: center; margin-bottom: 20px; }
.buttonField_CenterButtons { clear: both; text-align: center; margin-bottom: 20px; padding-top: 15px; }
.buttonField_CenterButtons_LowMargins { clear: both; text-align: center; margin-bottom: 10px; padding-top: 5px; }
.buttonField_CenterButtons_LowMargins_noClear { text-align: center; margin-bottom: 10px; padding-top: 5px; }



#menubutton { width:143px;}

#divNavigation { position: absolute; margin-top: 399px; margin-left: 10px; width: 200px; }

#mainList  {
    position:absolute;
    bottom:0;
    margin-bottom: 30px;
    /*...and so on*/
}


#mainadminlist
{
       margin-top: -12px;
    position: relative;

}

#menubutton {
 
 height:40px;
 background:white;
 position:absolute;
 bottom:0;
 width: 129px;
 text-align: center;
}


#menuclick
{
    margin-top:5px;
}





.parentButton
{
    float:left;
}


.parentContent
{
 
  float:left;
  clear:left;
    
}

.parentGrid
{
 
  float:left;
  clear:left;
    
}

.childButton
{
        float:left;
    clear:left;
}

.childheader
{
    float:left;
    clear:left;
}

.childContent
{
    float:left;
    clear:left;
}
.childGrid
{
        float:left;
    clear:left;
}




.iconselect {
	background: url(images/select-bg.gif) no-repeat;
	height: 90px;
	width: 400px;
	font: 13px Arial, Helvetica, sans-serif;
	padding-left: 15px;
	padding-top: 4px;
}
.selectitems {
    height: 99px;
    padding-left: 13px;
    padding-top: 8px;
    width: 308px;
	border-bottom: dashed 1px #ddd;

}
.selectitems span {
	margin-left: 5px;
}
.iconselectholder {
	width: 322px;
	overflow: auto;
	display:none;
	position:absolute;
	background-color:#FFF5EC;
}
.hoverclass{
background-color:#FFFFFF;
curson:hand;
}
.selectedclass{
	background-color:#FFFF99;
}


.ipCont { text-align: left; background-color: #fff; padding: 10px; border: 1px solid #808183; -moz-box-shadow: 0 0 10px #808183; -webkit-box-shadow: 0 0 10px #808183; box-shadow: 0 0 10px #808183; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; -border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; margin: 0; }




  
  .img-shadow {
  float:left;
  background: url(../images/shadowAlpha.png) no-repeat bottom right !important;
  background: url(../images/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }

.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
    top: 0px;
    left: 0px;
} 
  

  
  #popupArticle{  
    display:none;  
    /*height:550px;  */
    width:630px;  
    border:1px solid #a9a9a9;
    padding:10px 10px 10px 10px;
    z-index:2;  
  
    font-size:13px; 
    margin-left:60px;
    

    }  
    #popupArticle h2{  
    text-align:left;  
    color:#6FA5FD;  
    font-size:22px;  
    font-weight:700;  
    border-bottom:1px dotted #D3D3D3;  
    padding-bottom:2px;  
    margin-bottom:20px;  
    }  
    #popupArticleClose{  
    font-size:14px;  
    line-height:14px;  
    right:6px;  
    top:4px;  
    position:absolute;  
    color:#6fa5fd;  
    font-weight:700;  
    display:block;  
    }  



/*article menu8*/



.arrowlistmenu{
width: 250px; /*width of menu*/
}

.arrowlistmenu .headerbar{
font: bold 14px Arial;
color: white;
background: black ;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
}

.arrowlistmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #6e6e70;
background: url(../images/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}

.arrowlistmenu ul li a:visited{
color: #6e6e70;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #F3F3F3;
}

.aloha-sidebar-right{display:none !important;}



/*scrolling css*/

div.sc_menu_wrapper {
  position: relative;   
height: 202px;
  /* Make bigger than a photo, because we need a place for a scroll-bar. */
  /*width: 160px;*/

  margin-top: 30px;
  overflow: auto;
  
  
  
  
  padding:1px;
   width: 190px;
    border: 1px solid #808183; 
  -moz-box-shadow: 0 0 10px #808183;
   -webkit-box-shadow: 0 0 10px #808183; 
   box-shadow: 0 0 10px #808183; 
   -moz-border-radius: 5px 5px 5px 5px; 
   -webkit-border-radius: 5px 5px 5px 5px; 
   -border-radius: 5px 5px 5px 5px; 
   border-radius: 5px 5px 5px 5px;
  background-color: white;
  
  
  
  
  
}
div.sc_menu {
  padding: 15px 0;
}

div.sc_menu a:hover {

 padding-left:13px;
 font-weight:bolder;
}







.sc_menu a {
  display: block;
  margin-bottom: 5px;
  width: 174px;




  
  text-align: left; 
  background-color: #fff; 
  padding: 10px; 
 /* border: 1px solid #808183; 
  -moz-box-shadow: 0 0 10px #808183;
   -webkit-box-shadow: 0 0 10px #808183; 
  box-shadow: 0 0 10px #808183; 
   -moz-border-radius: 5px 5px 5px 5px; 
   -webkit-border-radius: 5px 5px 5px 5px; 
-border-radius: 5px 5px 5px 5px; 
    border-radius: 5px 5px 5px 5px;*/
    margin: 0;
}





.sc_menu a:hover {
 /* border-color: rgb(130, 130, 130);
  border-style: dotted;  */
}


.sc_menu img {
  border-style: none;
    border-color: inherit;
    border-width: medium;
    display: block;
    top: 0px;
    left: 0px;
    padding:0 important;
    
}



.sc_menu_wrapper .loading {
  position: absolute;
  top: 50px;
  left: 10px;

  margin: 0 auto;
  padding: 10px;

  width: 100px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;

  text-align: center;
  color: #fff;
  border: 1px solid rgb(79, 79, 79);
  background: #1F1D1D;
}