/* Base Settings - this file is originally from Analytics */

html, body {
    font-family:  sans-serif, 'Helvetica Neue', Helvetica, Arial;
    font-size: 14px;
    line-height: 1.5em;
    color: #444;
}

body {
    margin: 0;
    padding: 0;
    background-color: #ffffff;
}

img {
    border-style: none;
    border-color: inherit;
    border-width: medium;
    width: auto;
    height: auto;
}

a {
    color: #003399; /* was 003366 */
    text-decoration: none;
}

a:hover {
    padding: 2px 0px 2px 0px;
    color: #FF0000;
}


h1, h2, h3, h4, h5, h6 {
	margin: 0;
}

h1 {
    font-size: 18px!important;
    line-height: 1.2em;
    color: #666666;
    letter-spacing: 0.1em;
    padding-bottom: 0.5em;
    font-family:  sans-serif, 'Helvetica Neue', Helvetica, Arial;
}

h2 {
    font-size: 18px!important;
    margin-top: 1.5em;
/*    color: #003366; /* Blue-ish */
    color: #333333;
    font-family:  sans-serif, 'Helvetica Neue', Helvetica, Arial;
}

h3 {
	font-size: 16px!important;
	margin-top: 10px;
	margin-bottom: 10px;
}

h4 {
	font-size: 16px;
	margin-top: 5px;
	margin-bottom: 5px;
}
/* Trying to make all fonts closer to same size */
#ContentPlaceHolder1_AdminPanel {
    font-size:14px!important;
/*    color:#003366; */
    color: #333333;
}
hr {
    color: #CFDCE2;
    margin-top: 6px; 
    margin-bottom: 4px; 
    height: 8px;
}

/* Layout */

#Header
{
    background:url("http://api.ning.com:80/files/ldLkAktbGtYhMSZJO-nS1LlPB-1zdwtHVPBhYZDmWRhncLVvKsjjEWGnOYmRNujs2M*Y7FP2k7q1FtCCPz6YQS5bdaxSvGew/nb_bg.png") repeat-x scroll 0 0;
    height:41px;
    width: 100%;
    text-align: center;
    margin: 0 auto;
    background-color: transparent;
    padding-top: 0.5em;
}    
#Header h1 {
    color:#ffffff;
    font-size:18px;
}

#AccountModule {
    position: absolute;
    right: 2em;
    color: White;
}


#WideCore {
    width: 100%;
/*    background: #FFFFCC; */
    background: white;
    text-align: center;
    margin: 0 auto;
/*    padding: 10px; */
}
table#ctl00_ContentPlaceHolder1_Login1, table#ContentPlaceHolder1_Login1 {
    margin: 0 auto;
    font-family:  sans-serif, 'Helvetica Neue', Helvetica, Arial!important;
}    

#WelcomeStatus {
    padding-bottom: 5px;
}

.PageHead {
    padding: 2px 0px 26px 0px;
    background-color: #f0f0f0;
}

.BoxHead {
    padding-bottom: 1em;
    margin-bottom: 1em;
    margin-left: 80px;
    border-bottom: dashed 2px #e0e0e0;
}

#CategoryMTMSFM {
    border-top: solid 2px #A0A0A0;
}    

#ReportWrapper
{
    width: 480px;
    margin: 0 auto;
    padding: 2em;
    background-color: #F0F0F0;
    margin-bottom: 2em;
    font-size: 16px;
    color: #404040;
    text-align: left;
    border: thin solid #C0C0C0;
    border-radius:16px;
    box-shadow: 5px 10px 15px #CCCCCC;
}    

.ReportLine {
    clear: both;
    padding: 0.5em; /* Or 1em for few items */
    overflow: hidden;
}

.ReportLabel {
    float: left;
    width: 400px;
}

.ReportData {
    float: left;
    font-weight: bold;
}

.CategoryArea {
    padding: 1em;
    background-color: #F0F0F0;
    margin-bottom: 15px;
    clear: both;
}    

.CategoryDetails {
    padding: 1em;
    background-color: white;
    border: solid 1px #F0F0F0;
}    

.DataLabel {
    width: 250px;
    float: left;
}    

.DataArea {
    float: left;
}    

/* TOP MENU */

#TopMenuLinks
{
    width: auto;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    margin: 0px 0px 1em 0px;
    background-color: #e6e6e6; /* LightGray NavBar across top */
    padding: 5px;
    z-index: 10;
    font-family: Helvetica, Arial;
    border-top: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
}
#TopMenuLinks a, #TopMenuLinks a:hover {
    padding: 10px;
}

#TopMenuLinks ul
{
    margin: 6px 6px 6px -2em;
}    

#TopMenuLinks li
{
    padding: 0em 0.5em;
    display: inline;
    list-style: none;
}

.MenuSelection
{
    color: #ffffff;
    background-color: #003366;
    text-decoration: none;
    padding: 10px;
}
a.MenuSelection:hover
{
    color: #003366;
    background-color: #e6e6e6;
    text-decoration: none;
    padding: 10px;
}

/* END TOP MENU */




#Footer
{
    width: auto;
    margin: 1em auto 0 auto;
    line-height: 41px;
    background-color: #f0f0f0;
    color: #333333;
    font-size: 14px;
    text-align: center;
}

#Footer a {
	color: #bbb;
}

#Footer a:hover {
	color: #fff;
	background-color: #666;
	text-decoration: underline;
}


.Status {
    padding-top: 1em;
}    

.clearing {
	clear: both;
}

.SectionHead {
   padding: 8px 0px;
   border-bottom: solid 1px #AAA;
   width:1017px;
   margin: 0 auto 10px auto;
   background-color:#ffffff!important;
   text-align:left;
}

/*
.SectionHead {
    clear: both;
    padding: 5px;
    border-bottom: solid 1px #AAA;
    margin: 30px auto 0px auto;
    background-color:#f0f0f8!important;
    text-align: center;
}
*/

.SectionHeadButton {
    float: right;
}

.SectionBody {
    clear: both;
    padding: 15px;
    margin: 0px auto;
    background-color:#f0f0f8!important;
    text-align:left;
}

.divider {
    background:url(../images/3dots.gif) repeat-x; 
    width: 80%;
    height: 3px; 
    margin: 2em auto 1.5em auto;
}

.ClearDivider
{
    margin: 10px;
    clear: both;
    text-align: center;
}

.DataInput {
    font-family:  sans-serif, 'Helvetica Neue', Helvetica, Arial;
    font-size: medium;
    font-weight: bold;
    background-color: #AAAAAA;
    padding: 10px;
    margin: 10px;
}

.YellowBackBold14 {
    background-color: #FFFF00;
    color: Black;
    padding: 2px;
    font-size:14px;
    font-weight:bold;
}

.YellowBack {
    background-color: #FFFF00;
    color: Black;
    padding: 2px;
}

.ActiveBack {
    background-color: #CCCCCC;
    color: Black;
    font-weight:bold;
}

.InactiveBack {
    background-color: #AAAAAA;
    color: #333333;
    font-weight:normal;
}

.YellowBox {
    font-family: Verdana;
    font-size: small;
    background-color: #FFFF00;
    color: Black;
    border-style: solid;
    padding: 10px;
    margin: 10px;
}

.Padding1010 {
    padding: 10px;
    margin: 10px;
}

.Padding44 {
    padding: 4px;
    margin: 4px;
}

.Padding4 {
    padding: 4px;
}

.ImageFloatLeft {
float: left;
margin-right: 15px;
}

.CenterIt {
    text-align:center;
}

.TextLeft {
    text-align: left;
}    


.brownbox {
    margin: 10px;
    text-align: center;
    color: #000;
    padding: 6px;
    font-size: 20px;
    line-height: 2em;
    background-color: #FFCC66;
    border: solid 3px #f6a416;
}


#FAQwrapper {
    font-family: "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
    font-size: 12px;
    line-height: 1.5em;
}

.question {
    font-size: 150%;
    font-weight: bold;
    line-height: 120%;
    margin-top: 8px;
    margin-bottom: 6px;
    color: #804040; /* Brownish */
}

.answer {
    margin-top: 2Px;
    margin-bottom: 18px;
    color: #202020;
}

.caption {
font-size: 85%;
color: #666666;
}

.DataInput2 {
    font-family: Verdana;
    font-size: 12px;
    line-height: 30px;
    text-align: left;
    background-color: #FAFAD2;
    border: thin solid #D2B48C;
    padding: 10px;
    margin: 5px;
}

.toolbar {
    font-family: Verdana;
    font-size: 16px;
    line-height: 24px;
    text-align: left;
    background-color: #FAFAD2;
    padding-left: 10px;
}

.TitleBar {
    font-family: Verdana;
    font-size: 16px;
    line-height: 24px;
    text-align: left;
    background-color: #000066;
    padding-left: 10px;
    font-weight: bold;
    color: #FFFFFF;
}

.WarnBar {
    font-family: Verdana;
    background-color:#FFBBBB; 
    padding:4px; 
    color: #000000;
}    

.HistoryRowHead {
    background-color: #ADD8E6; /* lightblue */
    padding-left: 8px;
    width: 98%;
}

.disclist {
    list-style-type: disc;
}

/* Tables */
.bluebox {
/*    margin: 10px; */
    text-align: left;
    font-size: 14px;
    line-height: 1.5em;
    border: solid 1px #4292e1; /* Blue-ish */
    width:985px!important;
    margin:0 auto!important;
    padding:15px;
    color:#333333;
    background-color:#E3F1FA;
}
table#ContentPlaceHolder1_GridViewAppData {
    font-size:12px!important;
    width:1018px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding:10px!important;
    margin-top:2px!important;
    border:2px solid #4292e1;
}
table#ContentPlaceHolder1_GridViewAppData tbody tr {
   background-color:#E3F1FA!important;
}
table#ContentPlaceHolder1_GridViewAppData tbody tr:first-child {
   background-color:#003366!important;
}

.whitebox {
    width:985px!important;
    padding:15px;
    border:1px solid #4292e1;
    margin-left:auto!important;
    margin-right:auto!important;
    margin-top:2px;
}

.clearbox {
  width:1017px;
  padding: 1px;
  margin-left:auto!important;
  margin-right:auto!important;
  margin-top:2px;
}

#ContentPlaceHolder1_DetailsView1, #ContentPlaceHolder1_DetailsView2, #ContentPlaceHolder1_DetailsView3 {
  width:300px!important;
}
#ContentPlaceHolder1_DetailsView1 tr td, #ContentPlaceHolder1_DetailsView2 tr td, #ContentPlaceHolder1_DetailsView3 tr td {
  background-color:#E3F1FA!important;
}
#ContentPlaceHolder1_GridView1, #ContentPlaceHolder1_GridView2, #ContentPlaceHolder1_GridView3 {
   width:300px!important;
}
#ContentPlaceHolder1_GridView1 tr th, #ContentPlaceHolder1_GridView2 tr th, #ContentPlaceHolder1_GridView3 tr th {
  background-color:#003366;
}

/* #ContentPlaceHolder1_GridView1 tbody tr:last-child td, #ContentPlaceHolder1_GridView2 tbody tr:last-child td, #ContentPlaceHolder1_GridView3 tbody tr:last-child td {
  background-color:#003366;
  color:white!important;
}
#ContentPlaceHolder1_GridView1 tbody tr:last-child td a, #ContentPlaceHolder1_GridView2 tbody tr:last-child td a, #ContentPlaceHolder1_GridView3 tbody tr:last-child td a {
   color:white!important;
}
*/

/* Style the GridView Pager */

#ContentPlaceHolder1_GridViewPosts tbody tr:last-child td span {
  background-color:#003366;
  color:white!important;
  padding: 1px 3px 0px 3px;
}
#ContentPlaceHolder1_GridViewPosts tbody tr:last-child td a {
  padding: 1px 3px 0px 3px;
}

div.AKeywordTable
{
    float: left;
    padding: 10px;
    width: 290px;
    margin-left: 7px;
    margin-bottom: 10px;
    margin-right: 7px;
}

.ioTable table {
    margin: 8px auto;
    border: solid 2px #4292e1;
}
.AGrid .ioTable {font-size:10px!important;}

.inputWrapper {
    padding-left: 70px;
    padding-right: 70px;
}

.inputItem {
    padding-bottom: 10px;
}

.inputButton {
    padding-bottom: 9px;
}

.bottomLine {
    border-bottom: solid 1px #E0E0E0;
    margin-bottom: 10px;
}

.Bold125 {
    font-weight: bold;
    font-size: 125%;
}