/* DEFAULTS

----------------------------------------------------------*/

html {height:100%}

body   
{
    background-color: #FAFAFA;
    font-size: 8pt;
    font-family: Verdana;
    margin: 0px;
    padding: 0px;
    color: #151515;
}

p
{
    margin-bottom: 10px;
    line-height: 1.6em;
}


/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6
{
    font-size: 28pt;
    color: red;
    margin-bottom: 0px;
}

h1
{
    font-size: 28pt;
    padding-bottom: 0px;
    margin-bottom: 0px;
    color:Red;
}

h2
{
    font-size: 1.5em;
    font-weight: 600;
}

h3
{
    font-size: 1.2em;
}

h4
{
    font-size: 1.1em;
}

h5, h6
{
    font-size: 1em;
}

/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0px;
}


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

.page
{
    width: 100%;
    background-color: #FAFAFA;
    margin: auto auto auto auto;
}

.header
{
    
    position: relative;
    margin: 0px;
    padding: 0px;
    width: 100%;
}

.headerblack
{
    background-color:#0B3861;
    position: relative;
    margin: 0px;
    padding-top: 0px;
    width: 100%;
    height:33px;
}

.NormalButton
{   
    border-radius:5px;
    margin-top:3px;
    background-color: #0B3861;
    border: 1px #4e667d solid;
    color: white;
    line-height: 1.00em;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 6px;
    padding-bottom: 4px;
	font-family:Verdana;	
	font-weight:normal;
	font-size:13px;    
	text-decoration: none; 
	text-align:center;
}


.NormalButton:hover 
{
    background-color: #2E9AFE;
    text-decoration: none;
}

.checkbox
{
    width:4em;
    height:4em;
    
}

.input_4
{
    font-size:13pt;
    font-family:Verdana;
    height:20px;
}
.LinkMenuItem
{   
    border-radius:5px;
    margin-top:10px;
    margin-right: 2px;
    background-color: #0B3861;
    border: 1px #4e667d solid;
    color: white;
    line-height: 1.00em;
    padding: 4px 20px;
    padding-left: 6px;
    padding-right: 6px;    
	font-family:Verdana;	
	font-weight:normal;
	height:28px;
	font-size:13px;    
	text-decoration: none; 
	width: 240px;
}

.LinkMenuItem:hover 
{
    background-color: #2E9AFE;
    
    text-decoration: none;
}

.LinkMenuDeals
{   
    border-radius:5px;
    margin-top:6px;
    margin-right: 2px;
    background-color: #800000;
    border: 1px #4e667d solid;
    color: white;
    line-height: 1.45em;
    padding: 4px 20px;
    padding-left: 5px;
    padding-right: 5px;
	font-family:Verdana;	
	font-weight:normal;
	font-size:13px;    
	text-decoration: none; 
	width: 240px;
}

.LinkMenuDeals:hover 
{
    background-color: #A52A2A;
    
    text-decoration: none;
}


.LinkMenuPublicItemMore
{   
    font-size:9;
    border-radius:5px;
    margin-top:6px;
    margin-right: 2px;
    margin-bottom:0px;
    width:30px; 
    height:26px;
    background-color: #4E9258;
    border: 1px #4e667d solid;
    color: white;
    line-height: 0.8em;
    padding: 4px 20px;
    padding-left: 5px;
    padding-right: 5px;
	font-family:Verdana;	
	font-weight:normal;
	font-size:13px;    
	text-decoration: none; 
}

.LinkMenuPublicItemMore:hover 
{
    background-color: #99C68E;
    text-decoration: none;
}

.LinkMenuPublicItem
{   
    border-radius:5px;
    margin-top:6px;
    margin-right: 2px;
    background-color: #4E9258;
    border: 1px #4e667d solid;
    color: white;
    line-height: 1.45em;
    padding: 4px 20px;
    padding-left: 5px;
    padding-right: 5px;
	font-family:Verdana;	
	font-weight:normal;
	font-size:13px;    
	text-decoration: none; 
	width: 240px;
}

.LinkMenuPublicItem:hover 
{
    background-color: #99C68E;
    text-decoration: none;
}


.header h1
{
    font-weight: 700;
    margin: 0px;
    padding: 0px 0px 0px 0px;
    color: black;
    border: none;
    line-height: 2em;
    font-size: 2em;
}


.main
{
    padding: 0px 12px;
    margin: 8px 8px 8px 8px;
    
}

.leftCol
{
    padding: 6px 0px;
    margin: 12px 8px 8px 8px;
    width: 200px;
    min-height: 200px;
}

.footer
{
    background-color: #FAFAFA;
    padding: 8px 0px 0px 0px;
    margin: 0px auto;
    text-align: center;
    line-height: normal;
}

.up_panel
{
	z-index:100;
	position:relative;
	border: 1px solid #bbb;
	-webkit-border-radius: 8px;
    -moz-border-radius: 8px;
	background-color:white;	
	width:350px;
	font-family:Verdana;	
	font-weight:normal;
	font-size:12px;
	color:#302217;
}

/* TAB MENU   
----------------------------------------------------------*/

div.hideSkiplink
{
    width:100%;
}



.CountBubble
{
    padding:1px;
    color:White;
    border-radius:10px;
    background-color:#084B8A;
    font-weight:bold;
    font-family:Verdana;
}

.NoNotes
{
    margin-top:25px;
    padding:8px;
    color:white;
    border-radius:4px;
    border-color: #2E9AFE;
    background-color:#58ACFA;
    font-family:Verdana;    
    width:400px;
    font-size:22px;
    padding-left:12px;
}

.NoFolders
{
    margin-top:5px;
    padding:6px;
    color:white;
    border-radius:4px;
    border-color: #2E9AFE;
    background-color:#58ACFA;
    font-family:Verdana;    
    width:290px;
    font-size:18px;
    padding-left:12px;    
}

.Text12NormalWhite
{
    font-family:Verdana;
    color:#FAFAFA;
    font-size:11pt;
}

.Text12NormalWhiteBold
{
    font-family:Verdana;
    color:#FAFAFA;
    font-size:11pt;
    font-weight:bold;
}


.NormalButtonWhite
{   
    
    margin-top:3px;
    
    color: #BDBDBD;
    line-height: 1.15em;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 6px;
    padding-bottom: 4px;
	font-family:Verdana;	
	font-weight:normal;
	font-size:13px;    
	text-decoration: none; 
}


.NormalButtonWhite:hover 
{
    text-decoration: none;
     color: #FAFAFA
}



/* FORM ELEMENTS   
----------------------------------------------------------*/

fieldset
{
    margin: 1em 0px;
    padding: 1em;
    border: 1px solid #ccc;
}

fieldset p 
{
    margin: 2px 12px 10px 10px;
}

fieldset.login label, fieldset.register label, fieldset.changePassword label
{
    display: block;
}

fieldset label.inline 
{
    display: inline;
}

legend 
{
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}

input.textEntry 
{
    width: 320px;
    border: 1px solid #ccc;
}

input.passwordEntry 
{
    width: 320px;
    border: 1px solid #ccc;
}

div.accountInfo
{
    width: 42%;
}

/* MISC  
----------------------------------------------------------*/

.box 
 { 
  width: 400px;
  padding: 10px;
  border-style:solid;
  border-width:thin;
  border-color:black;
  border-radius: 10px;
  box-shadow: 10px 10px 10px rgba(100,100,100,.5);
  margin: 10px;
  }

.clear
{
    clear: both;
}

.title
{
    display: block;
    float: left;
    text-align: left;
    width: auto;
    margin-bottom:-10px;
}

.loginDisplay
{
    font-size: 1.1em;
    display: block;
    text-align: right;
    padding: 10px;
    color: White;
}

.loginDisplay a:link
{
    color: white;
}

.loginDisplay a:visited
{
    color: white;
}

.loginDisplay a:hover
{
    color: white;
}

.failureNotification
{
    font-size: 1.2em;
    color: Red;
}

.bold
{
    font-weight: bold;
}

.submitButton
{
    text-align: right;
    padding-right: 10px;
}

#draggable  
{
        width: 150px; 
        height: 150px; 
        padding: 0.5em; 
}

.Text14Normal
{
    font-family:Verdana;
    font-size:14pt;
    

}

.Text11Normal
{
    font-family:Verdana;
    font-size:11pt;
}


.Text11Bold
{
    font-family:Verdana;
    font-size:11pt;
    font-weight:bold;
}

.Text14Bold
{
    font-family:Verdana;
    font-size:14pt;
    font-weight:bold;
}

.Text12Normal
{
    font-family:Verdana;
    font-size:12pt;
}

.Text15Normal
{
    font-family:Verdana;
    font-size:15pt;
}

.Text20Normal
{
    font-family:Verdana;
    font-size:20pt;
}


.SmallTextBox
{
    font-size:9pt;
    width:30px;
    height:10px;
}

.Text13Normal
{
    font-family:Verdana;
    font-size:13pt;
    color:#262829;
}

.Text13BoldGreen
{
    font-family:Verdana;
    font-size:13pt;
    font-weight:bold;
    color:Green;
}

.Text10Folders
{
    font-weight:normal;
    font-family:Trebuchet MS;
    font-size:13pt;
    color:#424242;
}

.Text9Normal
{
    font-weight:normal;
    font-family:Verdana;
    font-size:9pt;
    color:#424242;
}

.Text10Normal
{
    font-weight:normal;
    font-family:Verdana;
    font-size:10pt;
    color:#424242;
}

.Text12Normal
{
    font-weight:normal;
    font-family:Verdana;
    font-size:12pt;
    color:#424242;
}

.Text10BoldGray
{
    font-family:Verdana;
    font-size:10pt;
    font-weight:bold;
    color:gray;
}

.Text10Bold
{
    font-family:Verdana;
    font-size:10pt;
    font-weight:bold;
    color:#424242;
}

.Text9Normal
{
    font-weight:normal;
    font-family:Verdana;
    font-size:9pt;
    color:#424242;
}



.Text8Normal
{
    font-family:Verdana;
    font-size:8pt;
    color:#424242;
}

.input_large
{
    background-color:#FAFAD2;
    font-size:12pt;
    font-family:Verdana;
    padding-top:5px;
}

.input_small
{
    background-color:#FAFAD2;
    font-size:11pt;
    font-family:Verdana;
    padding-top:5px;
}

.Text11White
{
    font-family:Verdana;
    font-size:11pt;
    color:White;
}

.Text12White
{
    font-family:Trebuchet MS;
    font-size:12pt;
    color:White;
}

.Text13White
{
    font-family:Trebuchet MS;
    font-size:13pt;
    color:White;
}


.Text18
{
    font-family:Verdana;
    font-size:18pt;
    
}

.Text14White
{
  font-family:Trebuchet MS;
    font-size:14pt;
    color:White;
}


.TextStyle11BoldVer
{
	color:#424242;
    text-decoration: none; 
	font-family:Verdana;
	font-size:11pt;
	font-weight:bold;
}

.ArialMt
{
	color:#424242;
    text-decoration: none; 
	font-family:Verdana ;
	font-size:10pt;
}

.Link10White
{
	color:#A80000;
    text-decoration: underline;
    color: White;
	font-size:11pt;
}

.Link10White:hover 
{
    text-decoration: none;
    color: #A80000 ;
    color: White;
	font-size:11pt;
	
}

.LinkStyle11Ver
{
	color:#424242;
    text-decoration: none; 
	font-family:Arial Rounded MT Bold;
	font-size:11pt;
}

.LinkStyle11Ver:hover 
{
    text-decoration: none;
    color: #A80000 ;
	font-family:Arial Rounded MT Bold;
	font-size:11pt;
	
}

.LinkStyle11BoldVer
{
	color:#424242;
    text-decoration: none; 
	font-family:Verdana;
	font-size:11pt;
	font-weight:bold;
}

.LinkStyle11BoldVer:hover 
{
	color:#08298A;
    text-decoration: underline;
	font-family:Verdana;
	font-size:11pt;
	font-weight:bold;
}

.LinkStyle10Ver
{
	color:black;
    text-decoration: none; 
	font-family:Trebuchet MS;
	font-size:13pt;
	
}

.LinkStyle10Ver:hover 
{
	color:#08298A;
    text-decoration: underline;
	font-family:Trebuchet MS;
	font-size:13pt;
	
}

.LinkStyle10BoldVerShared
{
    font-weight:bold;
	color: #2B547E;
    text-decoration: none; 
	font-family:Verdana;
	font-size:9pt;
}

.LinkStyle10BoldVerShared:hover 
{
    font-weight:bold;
	color:#08298A;
    text-decoration: underline;
	font-family:Verdana;
	font-size:9pt;
}

.LinkStyle9BoldVerShared
{
    font-weight:normal;
	color: #2B547E;
    text-decoration: none; 
	font-family:Verdana;
	font-size:9pt;
}

.LinkStyle9BoldVerShared:hover 
{
    font-weight:normal;
	color:#08298A;
    text-decoration: underline;
	font-family:Verdana;
	font-size:9pt;
}


.LinkStyle10BoldVer
{
	color:#424242;
    text-decoration: none; 
	font-family:Verdana;
	font-size:10pt;
	font-weight:bold;
}

.LinkStyle10BoldVer:hover 
{
	color:#08298A;
    text-decoration: underline;
	font-family:Verdana;
	font-size:10pt;
	font-weight:bold;
}

.LinkStyle11BoldTNR
{
	color:#0B2161;
    text-decoration: none; 
	font-family:Times New Roman;
	font-size:13pt;
}

.LinkStyle11BoldTNR:hover 
{
	color:#0B2161;
    text-decoration: underline;
	font-family:Times New Roman;
	font-size:13pt;
}

.LinkStyle10Bold
{
	color:#0B2161;
	font-weight:bold;
    text-decoration: none; 
	font-family:Verdana;
	font-size:10pt;
}

.LinkStyle10Bold:hover 
{
	color:#0B2161;
	font-weight:bold;
    text-decoration: underline;
	font-family:Verdana;
	font-size:10pt;
	cursor:pointer;
}

.LinkStyle10Red
{
	color:red;
    text-decoration: none; 
	font-family:Verdana;
	font-size:10pt;
}

.LinkStyle10Red:hover 
{
	color:red;
	cursor:pointer;
    text-decoration: underline;
	font-family:Verdana;
	font-size:10pt;
}

.LinkStyle9Bold
{
	color:#424242;
    text-decoration: none; 
	font-family:Verdana;
	font-size:8pt;
	font-weight: bold;
}

.LinkStyle9Bold:hover 
{
	font-weight: bold;
	color:#424242;
	cursor:pointer;
    text-decoration: underline;
	font-family:Verdana;
	font-size:8pt;
}

.LinkStyle9
{
	color:#424242;
    text-decoration: none; 
	font-family:Verdana;
	font-size:8pt;
}

.LinkStyle9:hover 
{
	color:#424242;
	cursor:pointer;
    text-decoration: underline;
	font-family:Verdana;
	font-size:8pt;
}

.LinkStyle8
{
	color:#424242;
    text-decoration: none; 
	font-family:Verdana;
	font-size:8pt;
}

.LinkStyle8:hover 
{
	color:#424242;
	cursor:pointer;
    text-decoration: underline;
	font-family:Verdana;
	font-size:8pt;
}

.LinkStyle10
{
	color:#0B2161;
    text-decoration: none; 
	font-family:Verdana;
	font-size:10pt;
}

.LinkStyle10:hover 
{
	color:#0B2161;
	cursor:pointer;
    text-decoration: underline;
	font-family:Verdana;
	font-size:10pt;
}

.LinkStyle11
{
	color:#0B2161;
    text-decoration: none; 
	font-family:Verdana;
	font-size:11pt;
}

.LinkStyle11:hover 
{
	color:#0B2161;
	cursor:pointer;
    text-decoration: underline;
	font-family:Verdana;
	font-size:11pt;
}



.LinkStyle11White
{
    font-family:Verdana;
    color:#FAFAFA;
    font-size:11pt;
    font-weight:bold;
    text-decoration:none;
}

.LinkStyle11White:hover 
{
    font-family:Verdana;
    color:#FAFAFA;
    font-size:11pt;
    font-weight:bold;
    text-decoration:none;
}


.LinkStyle12
{
	color:#0B2161;
    text-decoration: none; 
	font-family:Verdana;
	font-size:12pt;
}

.LinkStyle12:hover 
{
	color:#0B2161;
    text-decoration: underline;
	font-family:Verdana;
	font-size:12pt;
}


.LinkStyle13Green
{
    text-decoration: none; 
    font-family:Verdana;
    font-size:13pt;
    font-weight:bold;
    color:Green;

}

.LinkStyle13Green:hover 
{
	color:#0B2161;
    text-decoration: underline;
    font-family:Verdana;
    font-size:13pt;
    font-weight:bold;
    color:Green;
}






.SaveForLater
{
    color:White;
    background-color:#516672;
    padding:6px;
    padding-left:20px;
    padding-right:20px;
    width:200px;
}

.ui-widget-content
{   
    border-top:none;
    height:100%;    
    width:850px; 
    padding-top:6px; 
    border-top: 1px solid #BDBDBD;
    padding-left:4px;
    padding-bottom:6px;
}
    
.ui-widget-content-public
{   
    border-top:none;
    height:100%;    
    width:600px; 
    padding-top:6px; 
    border-top: 1px solid #BDBDBD;
    padding-left:4px;
    padding-bottom:6px;
}
        
    .folderlist
{   
       
    
    padding-top:6px; 
    
    padding-left:4px;

    padding-bottom:6px;
    }
    
.folderlistMain
{   
       
    border-radius:3px;
    padding-top:0px; 
    
    padding-left:4px;

    padding-bottom:0px;
    }    
    
.txtboxtop
{
    vertical-align: top;
}
.btnarrow
{
    width:30px;
    height:30px;
}


  #cssmenu ul,
    #cssmenu li,
    #cssmenu span,
    #cssmenu a {
      margin: 0;
      padding: 0;
      position: relative;
    }
    #cssmenu:after,
    #cssmenu ul:after {
      content: '';
      display: block;
      clear: both;
    }
    #cssmenu a {
      color: #ffffff;
      display: inline-block;
      font-family: Verdana, sans-serif;
      font-size: 13px;
      min-width: 35px;
      text-align: center;
      text-decoration: none;
    }
    #cssmenu ul {
      list-style: none;
    }
    #cssmenu > ul > li {
      float: left;
    }
    #cssmenu > ul > li.active a {
        background-color: #0B3861;
    }
    #cssmenu > ul > li.active a:hover {
        background-color:#0B3861;
    }
    #cssmenu > ul > li a {
      background-color:#0B3861;
      color: #FAFAFA;
      border-bottom: 1px solid #045FB4;
      border-top: 1px solid #045FB4;
      border-right: 1px solid #BDBDBD;
      line-height: 31px;
      padding: 0 33px;
    }
    #cssmenu > ul > li a:hover {
        color:#FAFAFA;
        background-color:#6E6E6E;
    }   

    #cssmenu > ul > li:first-child a {

      border-left: 1px solid #BDBDBD;
    }
    #cssmenu > ul > li:last-child a {

    }
    #cssmenu li:hover ul {
      display: block;
    }
    #cssmenu li ul {
      display: none;
      position: absolute;
      
      
      min-width: 100%;
      text-align: center;
      /* IE7 */    
      width: 100%;
    }
    #cssmenu li ul li {
      text-align: center;
    }
    #cssmenu li ul li a {
      border-top: 0 none;
      border-left: 1px solid #BDBDBD;
      
      border-top: 1px solid #BDBDBD;
      display: block;
      line-height: 120%;
      padding: 9px 5px;
      text-align: center;
    }
    
    .TextLine
    {
        margin-top:5px;
    }
    
    .SharePopupClass
    {
        background-color:white;
        border:1px solid black;
        width: 500px;
        height:auto;
        background-color: #FAFAFA;
        border-radius:5px;
    }
    
    .ModalBackgroundCss
    {
          background-color:gray;
          border:1px solid black;
          opacity:0.6;
          filter:alpha(opacity=60); /* For IE8 and earlier */
    }   
    
    .question
    {
        font-weight:bold;
        padding-top:20px;
        padding-bottom:10px;
        font-family:Verdana;
        font-size:10pt;

    }
    
    .answer
    {
        font-weight:normal;
        padding-bottom:10px;
        font-family:Verdana;
        font-size:10pt;   
}

/*******Cards Styles************/
.card {
    color: #464646;
    font-size: 16px;
    position: relative;
    width: auto;
    z-index: 1;
    font-family: Oxygen,Arial,"Helvetica Neue",Helvetica,sans-serif;
}
.card a:visited{
    color: #464646;
}
    .card .provider-url a {
        display: inline-block;
        vertical-align: top;
        font-size: 13px;
        font-weight: 600;
        text-transform: uppercase;
        text-decoration: none;
        color: #464646;
    }

        .card .provider-url a:hover {
            border-bottom: 1px dotted gray;
        }

    .card a:hover {
        color: #323232;
    }

    .card .card-content {
        display: table;
    }

        .card .card-content .thumbnail {
            float: left;
            margin-right: 10px;
        }

        .card .card-content .article-title h1 {
            font-size: 20px;
            font-weight: 700;
            line-height: 25px;
            color: #464646;
        }

        .card .card-content .article-link {
            display: block;
            font-weight: 700;
            line-height: 20px;
            color: #1a95b3;
            font-size: 13px;
        }

    .card .social-icons {
        position: absolute;
        z-index: 99;
        right: 0;
        top: 10px;
        display: none;
    }
    .card:hover .social-icons {
        display: block;
    }
        .card .social-icons a {
            display: block;
            height: 34px;
            width: 34px;
        }
input.error, textarea.error{
    border-color: red;
}