/*
Darker blue: #0198C9
Standard Mid Blue: #00A9E0
Pale Blue: #A4D0DF
Very Pale Blue: #E0F2F8
Very Very Pale Blue: #E7F4F8

Dark Brown: #4A3C31
Mid Brown: #928781
Light Brown: #E7E3E1

Mustard: #E7B20F

Very Pale Green: #E6F8E0
*/

/* General Stylesheet */
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, font, 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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;

}
body	{background: #FFF; color: #000; font-size: 70%; font-family: Yendo, Arial, Verdana, sans-serif; text-align: center;}

h1, h2, h3, h4, h5, h6	{}

h1			{font-size: 2em; color: #00A9E0;}
/*
h2			{font-size: 1.1em; color: #333; line-height: 1.4em;}
*/
h2			{font-family: 'YendoBold'; font-size: 2.2em; color: #FFF; font-weight: normal; background: #67c0c6; 
  			 padding: 8px 10px;margin-bottom:10px;
  			 -moz-border-radius: 3px;border-radius: 3px;}
    h2.edit {margin-bottom:20px;}
    h2.partners{background: #d47500 url('images/bg_mustard.gif') top left repeat-x;}
    h2.helpdesk{background: #13ba79;}
    h2.big{font-size:2.4em;padding: 16px 18px}
h3			{font-family: 'YendoBold';font-size: 1.5em; color: #333; line-height: 1.4em;}
	h3.promo{font-size: 2em; color: #00A9E0; font-weight: bold; }
	h3.bigpromo{font-size: 2.4em; color: #00A9E0; font-weight: bold; margin:4px 0;}
h4			{font-size: 1.4em; color:#FFF; border:1px solid #D7D4D2; background: #EEEEEE; padding: 9px 6px;margin:20px 0 5px 0;}
    h4.brown{color:#737373;}
h5			{font-size: 1.4em; line-height: 1.4em; color: #00A9E0;margin-top:5px;}
h6			{font-size: 1.2em;margin-top:5px;}

p			{margin: 0 0 0.8em 0; font-size: 1.2em; line-height: 1.4em;}
p.last		{margin-bottom: 0;}

a:link, a:visited 	{color: #71bec3; text-decoration: underline;}
a:hover, a:active	{color: #71bec3; text-decoration: none;}

a img 		{border: none;}
a.white {color:#FFF;}

strong, b	{font-weight: bold;}
em, i		{font-style: italic;}
u			{text-decoration: underline;}
del         {color:#666;}
acronym, abbr, dfn {cursor : help; border-bottom : 1px dotted #0093d5;}
cite		{font-style: italic;}

hr 			{float: none; width: 100%; height: .1em; margin: 0 0 0.8em; border: none; background: #CCC; color: #CCC; clear: both; }
ul, ol      {margin: .8em 2em; line-height: 1.4em;}
ul          {list-style: square;}
ol          {list-style: decimal;}
ul.info, ol.info     {font-size: 1.1em;}

@font-face {
	font-family: 'Yendo';
	src: url('fonts/21BA2A_0_0.eot'); /* IE9 Compat Modes */
	src: url('fonts/21BA2A_0_0.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	     url('fonts/21BA2A_0_0.ttf')  format('truetype'), /* Safari, Android, iOS */
	     url('fonts/21BA2A_0_0.woff') format('woff'); /* ? */
	font-weight:bold;font-style:normal;
	}

@font-face {
	font-family: 'YendoDemi';
	src: url('fonts/21BA34_1_0.eot'); /* IE9 Compat Modes */
	src: url('fonts/21BA34_1_0.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	     url('fonts/21BA34_1_0.ttf')  format('truetype'), /* Safari, Android, iOS */
	     url('fonts/21BA34_1_0.woff') format('woff'); /* ? */
	font-weight:bold;font-style:normal;
	}
	
@font-face {
	font-family: 'YendoBold';
	src: url('fonts/21BA34_0_0.eot'); /* IE9 Compat Modes */
	src: url('fonts/21BA34_0_0.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	     url('fonts/21BA34_0_0.ttf')  format('truetype'), /* Safari, Android, iOS */
	     url('fonts/21BA34_0_0.woff') format('woff'); /* ? */
	font-weight:bold;font-style:normal;
	}

	
/* ==== LAYOUT ==== */
#contain	{margin: 0 auto; width: 100%; text-align: left;
	background:  #fff;}
#masthead	{margin: 0;padding:0;background:#737373;}
/*
@media screen and (min-width: 1200px) {
    #masthead{width:1200px;}
}
*/
#navigation{float:left;width:100%;margin:0;font-family: 'YendoDemi';}
#logo{background: url(images/yendo_logo.png);float:left; margin:12px 0 22px 20px;width:65px;height:30px;}
#user	{margin:10px 0px 20px 20px;float:left;color:#FFF;}
#user h3{font-size: 1.7em;color:#FFF;}
#main {background:#FFF; border-bottom:5px solid #E7E3E1;border-left:5px solid #E7E3E1;border-right:5px solid #E7E3E1;padding:20px;text-align: left;}
/*
@media screen and (min-width: 1200px) {
    #main{width:1150px;}
}
*/
#pdfmain {background:#FFF;padding:20px;text-align: left;}


/* ==== LOGIN ==== */
#login_masthead	{padding: 30px 0 0 0;margin:0;background:#737373;}
#login_main {background:#FFF; border-bottom:5px solid #737373;border-left:5px solid #737373;border-right:5px solid #737373;padding:20px;text-align: left;}

#login_panel{width:400px;margin:20px auto;text-align:left;}
#login_panel h2 {
        width: 100%;
        background: #737373;
}
#login_info{width:450px;background:#FFF;margin:0 auto;}
.loginregister{width:450px;background:#d84326 url(images/bg_btn_orange.gif) top left repeat-x;
               -moz-border-radius: 5px;border-radius: 5px;margin:20px auto;}
.loginregister a{color:#fff;font-size:1.4em;font-weight:bold;text-decoration:none;}
.loginregister a:hover{color:#fdd197;}
form.frmEdit input.login_textbox {
    width: 100%;
    font-size: 1.5em;
    padding: 5px;
    margin-top: 15px;
}
@media screen and (min-width: 960px) 
{
    #login_panel{width:550px;}
    #login_info{width:550px;}
    .loginregister{width:550px;}
}
/* ==== REGISTER ==== */
#register_panel{width:450px;background:#E0F2F8;margin:20px auto;}
#register_panel2{border:5px solid #00A9E0;}
#register_panel3{border:5px solid #fff;}

#register_info{width:450px;background:#FFF;margin:0 auto;}
#register_features{width:450px;background:#FFF;margin:0 auto;}
#register_panel_google{float:left;padding:20px;background:#E0F2F8;margin-top:0px;width:100%;}
@media screen and (min-width: 960px) 
{
    #register_panel{width:100%;}
    #register_info{width:100%;}
    #register_features{width:100%;}
}
/* ==== APP BAR ==== */
#apps{background:#616161;color:#fff;}
#apps ul{margin: 0;}
#apps ul li	{margin-right:1px;list-style:none; float: left; display: inline;position: relative; text-align: center;}
#apps ul li a{padding:5px 15px;color: #FFF; text-decoration: none; text-transform: uppercase; display: block;}
#apps ul li a.active{color: #71bec3;}
#apps ul li a:hover{text-decoration: underline;}
#apps li:hover {background: #484848;}

#apps ul.dropdown-menu li {
        color: #666;
        float: left; display: inline; position: relative;
        width:600px;
    }
    #apps ul.dropdown-menu li a {
        text-transform: none;
        color: #666;
    }
    #apps ul.dropdown-menu li.process_block {
        float: left;
        width: 150px;
        height:100px;
        border: 2px solid #999;
    }
    }
/* ==== NAV ==== */
#navigation ul		{margin: 0;}
#navigation ul li	{margin-right:1px;list-style:none; float: left; display: inline; 
		position: relative; text-align: center;background: #838383;
		-moz-border-radius-topleft: 5px;-moz-border-radius-topright: 5px;
		border-top-left-radius: 5px;border-top-right-radius: 5px;}
#navigation ul li a			{width:110px;padding: 12px 0; font-size: 1.2em; 
		font-weight: bold; color: #FFF; text-decoration: none; text-transform: uppercase; display: block;
		
		}
#navigation ul li a.active{background: #71bec3;-moz-border-radius-topleft: 5px;-moz-border-radius-topright: 5px;
		border-top-left-radius: 5px;border-top-right-radius: 5px;}
#navigation ul li a:hover{text-decoration: underline;}
#navigation li:hover {background: #959595;}
		
#navigation ul.utility{float:right;}
#navigation ul.utility li{margin-right:1px;list-style:none; float: right; display: inline; 
		position: relative; text-align: center;background: transparent;width:auto;}
#navigation ul.utility li a {padding: 12px 12px; font-size: 1.1em; 
		font-weight: bold; color: #FFF; text-decoration: none; display: block;width:auto;
		}
#navigation ul.utility li a:hover {color: #00A9E0;}
		

/*Bootstrap Nav Bar*/

#navigation_bootstrap ul.utility{float:left;}
@media screen and (min-width: 600px) 
{
    #navigation_bootstrap ul.utility{float:right;}
}

#navigation_bootstrap ul.utility li{margin-right:1px;list-style:none; float: right; display: inline; 
		position: relative; text-align: center;background: transparent;width:auto;}
#navigation_bootstrap ul.utility li a {padding: 12px 12px; font-size: 1.1em; 
		font-weight: bold; color: #FFF; text-decoration: none; display: block;width:auto;
		}
#navigation_bootstrap ul.utility li a:hover {color: #00A9E0;}

.navbar-default .container-fluid {
    padding: 0 !important;
}
.navbar {
    border-radius:0;margin-bottom:0;min-height:20px;
}
.navbar-default {background:#838383;border:none !important;
}
.navbar-nav {margin:0;
}
.navbar-nav > ul {margin-left:0;
}
.navbar-nav > li {width:120px;float:left;padding:0;
}
.navbar-nav > li.narrow {width:60px;
}
.navbar-nav > li > a			{font-size: 1.2em;text-transform: uppercase; text-decoration:none; color:#fff !important;text-align:center;
                                
		}
.navbar-nav > li > a:hover			{color:#838383 !important;background:#D7D4D2 !important;
		}
.navbar-nav > li > a.active{background: #71bec3;
		}
.dropdown-menu li:hover .sub-menu {
    visibility: visible;
}
.dropdown:hover .dropdown-menu {
    display: block;
}
/*End Bootstrap Nav Bar*/
/*Bootstrap Form*/
form.frmBootstrap	input,form.frmBootstrap	select {
  width: 80%; border: 2px solid #ccc; padding: 2px 4px; font-size: 1.2em; font-family: Arial; margin-bottom: 3px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
form.frmBootstrap	input:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
form.frmBootstrap	input::-moz-placeholder {
  color: #999;
  opacity: 1;
}
form.frmBootstrap	input:-ms-input-placeholder {
  color: #999;
}
form.frmBootstrap	input::-webkit-input-placeholder {
  color: #999;
}
form.frmBootstrap	label {
  display: inline-block;
  margin-bottom: 5px;
  font-weight: bold;
  margin-top:10px;
}
/*End Bootstrap Form*/


#subnav{width:100%;background:#E7E3E1;}

#subnav ul		{margin: 0; }
#subnav ul li	{padding:2px 20px;list-style:none; float: left; display: inline; position: relative; text-align: center;}
#subnav ul li a			{padding: 6px 0; font-size: 1.2em; font-weight: bold; color: #928781; text-decoration: none; display: block;}
#subnav ul li a:hover	{text-decoration: underline;}
#subnav ul li a.active			{color:#00A9E0;text-decoration: none;}
#subnav ul li a.active:hover	{text-decoration: none;}


/* ==== FORMS ==== */

.required_field		{color: #F30; font-weight: bold;}


/* ==== Getting Started ==== */
.headlinepanel{float:left;width:180px;margin-right:11px;margin-bottom:10px;margin-top:10px;}
.headlinepanel_end{float:left;width:180px;margin-bottom:10px;margin-top:10px;}
.headlinepanel_content{padding:15px 10px 0 10px;}
.headlinepanel_content h5{padding:0;margin:0;}
.headlinepanel_content p{padding:0;margin:0;}

/* ==== MISC ==== */
.pad_content	{padding: 10px;}
.pad_contentv	{padding: 10px 0;}
.pad_contenth	{padding: 0 10px;}
.pad5	{padding: 5px;}
.pad5v	{padding: 5px 0px;margin:0;}
.pad10	{padding: 10px;}
.pad10v	{padding: 10px 0px;margin:0;}
.pad15	{padding: 15px;}
.pad15v	{padding: 15px 0px;margin:0;}
.pad20	{padding: 20px;}
.pad20v	{padding: 20px 0px;margin:0;}
.pad_right		{margin-right: 25px;}
.clear 	{clear: both; content:''; display: block;height: 1px; overflow: hidden; margin: 0; padding: 0;}
.floatright{float:right;padding:0;margin:0;}
.floatleft{float:left;padding:0;margin:0;}
/* ==== LAYOUTS ==== */
.col_block{display:block;}
.col_half_left		{float: left; width: 440px; padding: 10px 0;}
.col_half_right		{float: left; width: 440px; padding: 10px 0;}
.col_half_left2		{float: left; width: 430px; padding: 10px 0;}
.col_half_right2		{float: left; width: 430px; padding: 10px 0;}
@media screen and (min-width: 960px) 
{
    .col_half_right{margin-left:10px;}
    .col_half_right2{margin-left:10px;}
}

/* ==== RESPONSIVE COLS ==== */
.col_half_percent{float: left;width: 440px;}
.col_half_percent_pad_right{margin-right:0px;}
@media only screen and (min-width: 960px) 
{
    .col_half_percent{width:50%;}
    .col_half_percent_pad_right{margin-right:10px;}
}


/* ==== Edit Form ==== */
form.frmEdit				{margin:0;}
form.frmEdit	fieldset	{}
form.frmEdit	legend		{display: none; visibility: hidden;}
form.frmEdit	label		{float: left; display: block; width: 180px; padding-top: 4px; font-size: 1.2em;}
form.frmEdit	label.short	{float: left; display: block; width: 80px; padding-top: 4px; font-size: 1.2em;}
form.frmEdit	label.long	{float: left; display: block; width: 280px; padding-top: 4px; font-size: 1.2em;}
form.frmEdit	label.rightlabel	{width: 180px; padding-top: 4px; font-size: 1.4em;}
form.frmEdit	input		{float: left; width: 200px; border: 2px solid #ccc; padding: 2px 4px; font-size: 1.2em; font-family: Arial; margin-bottom: 3px;}

form.frmEdit	input.short	{float: left; width: 85px; border: 2px solid #CCC; padding: 2px 4px; font-size: 1.2em; font-family: Arial; margin-bottom: 3px;}
form.frmEdit	input.short2	{float: left; width: 70px; border: 2px solid #CCC; padding: 2px 3px; font-size: 1.2em; font-family: Arial; margin-bottom: 3px;}
form.frmEdit	input.short_readonly	{width: 65px; background:#E0F2F8; border: 1px solid #CCC; padding: 2px 4px; font-size: 1.2em; font-family: Arial; margin-bottom: 3px;}
form.frmEdit	input.short_readonly2	{width: 70px; background:#E0F2F8; border: 1px solid #CCC; padding: 2px 4px; font-size: 1.2em; font-family: Arial; margin-bottom: 3px;}
form.frmEdit	input.short_readonly3	{width: 90px; background:#E0F2F8; border: 1px solid #CCC; padding: 2px 4px; font-size: 1.2em; font-family: Arial; margin-bottom: 3px;}
form.frmEdit	tr.rpt_subtotal input.short_readonly2	{width: 70px; background:#EFEFEF; border: 1px solid #CCC; padding: 2px 4px; font-size: 1.1em; font-family: Arial; margin-bottom: 3px;}
form.frmEdit	tr.rpt_total input.short_readonly2	{width: 70px; background:#EEEEEE; border: 1px solid #CCC; padding: 2px 4px; font-size: 1em; font-family: Arial; margin-bottom: 3px;}
form.frmEdit	input.shortdate	{width: 85px; border: 2px solid #CCC; padding: 2px 4px; font-size: 1.2em; font-family: Arial; margin-bottom: 3px;}
form.frmEdit	input.long	{width: 300px; border: 2px solid #CCC; padding: 2px 4px; font-size: 1.2em; font-family: Arial; margin-bottom: 3px;}
form.frmEdit	select		{float: left; width: 200px; border: 2px solid #CCC; padding: 2px 4px; font-size: 1.2em; font-family: Arial; margin-bottom: 3px;}
form.frmEdit	select.short{float: left; width: 65px;}

form.frmEdit	select.med  {width: 106px;}
form.frmEdit	textarea	{width: 346px; height: 150px; border: 2px solid #CCC; padding: 2px 4px; font-size: 1.2em; font-family: Arial; margin-bottom: 3px;}
form.frmEdit	textarea.notes	{width: 200px; height: 100px; border: 2px solid #CCC; padding: 2px 4px; font-size: 1.2em; font-family: Arial; margin-bottom: 3px;}

form.frmEdit	input.rad	{width: auto; border: none; float: left; display: block; margin-bottom: 0;}
form.frmEdit	input.chk	{width: auto; border: none; float: left; display: block; margin-bottom: 0;}
form.frmEdit	.chk label	{width: 100px;}
form.frmEdit	.chk_wide label	{width: 300px;}
form.frmEdit	.chk input	{width: auto; border: none; float: left; display: block; margin-bottom: 0;}
form.frmEdit	.chk_wide input	{width: auto; border: none; float: left; display: block; margin-bottom: 0;}
form.frmEdit	input.chk_short	{width: auto; border: none; float: left; display: block; margin-bottom: 0;}
form.frmEdit	.chk_short label	{width: 150px;}
form.frmEdit	.chk_short input	{width: auto; border: none; float: left; display: block; margin-bottom: 0;}

form.frmEdit.small	label		{float: left; display: block; width: 100px; padding-top: 2px; font-size: 1.1em;}
form.frmEdit.small	input		{float: left; width: 150px; border: 1px solid #ccc; padding: 1px 4px; font-size: 1.1em; font-family: Arial; margin-bottom: 1px;}
form.frmEdit.small	select		{float: left; width: 150px; border: 1px solid #CCC; padding: 1px 0; font-size: 1.1em; font-family: Arial; margin-bottom: 1px;}


form.frmEdit input[type="radio"], input[type="checkbox"] {
    width: auto;
    border: none;
}

form.frmEdit input:focus
    {border: 2px solid #79bbff;
     outline:none;
    }
form.frmEdit input.short:focus
    {border: 2px solid #79bbff;
     outline:none;
    }
form.frmEdit textarea:focus
    {border: 2px solid #79bbff;
     outline:none;
    }    
form.frmEdit select:focus
    {border: 2px solid #79bbff;
     outline:none;
    }

.label          {float: left; display: block; width: 180px; padding-top: 4px; font-size: 1.2em;}
.labelshort     {float: left; display: block; width: 80px; padding-top: 4px; font-size: 1.2em;}
.address{float: left;margin-left:0;width: 196px;}
.address input{margin:0;padding:0;}
.formright{margin-left: 180px;}
form.frmEdit	.textarea_full{width:890px;height:100px;}
form.frmEdit	.textarea_small{width:450px;height:80px;}

.themepanel{margin-left: 180px;}
form.frmEdit	.chklist input	{width: auto; border: none;margin-top: 2px;}
form.frmEdit	.chklist label	{float: left; display: block; width: 280px; padding-top: 4px; font-size: 1.2em;}
form.frmEdit	input.readonly	{background:#E0F2F8;}
/* ==== PAGE SPECIFIC ==== */
.logincontain {text-align: center;}
.loginPanel
{
    width:300px;
    margin-top:100px;
    padding: 35px 35px 35px 35px;
    background: #E8EDF1;
    text-align:left;
}

.itemstatus1{
            border-left: 10px solid #778D1E;
            border-top: 1px solid #CCC;
            border-right: 1px solid #CCC;
            border-bottom: 1px solid #CCC;
            padding:13px;
            font-size: 1.5em;
            margin-top:30px;
            }
.itemstatus2{
            border-left: 10px solid #E87D1F;
            border-top: 1px solid #CCC;
            border-right: 1px solid #CCC;
            border-bottom: 1px solid #CCC;
            padding:13px;
            font-size: 1.5em;
            margin-top:30px;
            }
.itemstatus3{
            border-left: 10px solid #00A0B0;
            border-top: 1px solid #CCC;
            border-right: 1px solid #CCC;
            border-bottom: 1px solid #CCC;
            padding:13px;
            font-size: 1.5em;
            margin-top:30px;
            }
.itemstatus5{
            border-left: 10px solid #BF311B;
            border-top: 1px solid #CCC;
            border-right: 1px solid #CCC;
            border-bottom: 1px solid #CCC;
            padding:13px;
            font-size: 1.5em;
            margin-top:30px;
            }
            
 p.art{font-size: 1.4em; color: #333; background:#E2E2E2; line-height: 1.4em;padding: 9px 6px;margin-top:30px;margin-bottom:0px;}           
.artgrey{background:#ebf3f3;}
/*
table.artlist           {border: 1px solid #E2E2E2;margin-top:0px;}
table.artlist th        {padding: 8px 6px; background: #E2E2E2; font-size: 1.2em; text-align: left; font-weight: normal; color: #000;}
table.artlist td        {padding: 5px 6px; border-top: 1px solid #E2E2E2; vertical-align: top; font-size: 1.1em; color: #666;}
table.artlist tr:hover	{background: #DBD7E7;}
*/
table.artlist 
{
	font-size: 12px;
	text-align: left;
	border-collapse: collapse;
	border-top: 1px solid #67c0c6;
	border-bottom: 1px solid #67c0c6;
}
table.artlist th
{
    font-family:YendoDemi,sans-serif;
	padding: 12px 17px 12px 17px;
	font-weight: normal;
	font-size: 14px;
	color: #606060;
	border-bottom: 1px dashed #67c0c6;
}
table.artlist td
{
	padding: 12px 17px 12px 17px;
	color: #606060;
}
table.artlist tbody tr:hover td
{
	color: #339;
	background: #d0dafd;
}

table.narrow th
{
	padding: 8px 5px 8px 5px;
	font-size: 14px;
}
table.narrow td
{
    text-align:left;
	font-size: 11px;
	padding: 4px 5px 4px 5px;
}


table.filelist           {border: 1px solid #D6DDBC;margin-top:0px;}
table.filelist th        {padding: 8px; background: #D6DDBC; font-size: 1.2em; text-align: left; font-weight: normal; color: #000;}
table.filelist td        {padding: 5px 6px; border-top: 1px solid #D6DDBC; vertical-align: top; font-size: 1.1em; color: #666;}
table.filelist tr:hover	{background: #DBD7E7;}

table.panellist           {}
table.panellist th        {padding: 8px 6px; font-size: 1em; text-align: left; font-family: yendodemi; color: #000;}
table.panellist td        {padding: 5px 6px; border-top: 1px solid #E2E2E2; vertical-align: top; font-size: 1em; color: #666;}
table.panellist tr:hover	{background: #f3f3f3;}

.copyright{padding: 5px 0;font-size: 1em;}
.filepanel{padding: 8px; background: #EBEEDE;}
.back{padding:5px 0;}
.testconnection{padding:2px 0;font-size: 1.1em;margin: 5px 5px 10px 180px;}


.bluepanel{background: #E8EDF1; padding:5px 0 5px 0; margin:5px 0 5px 0;}

/* Invoice/Quote Panels */
.invoicepanel{float:left;width:280px;}
.invoicepanel_right{float:right;width:300px;}
form.frmEdit .invoicepanel label{width:95px;height:20px;}
form.frmEdit .invoicepanel_right label{width:140px;height:20px;}

.invoice_footer{width:100%;}
.invoice_save_panel{float:left;width:280px;margin-top:10px;}
.invoice_save_panel .chk label{width:250px !important;}
@media screen and (min-width: 960px) 
{
   .invoicepanel_right{float:left;}
   .invoice_footer{width:928px;}
}


.popuppanel{
visibility:visible;
display:none;
position:absolute;
width: 500px;
color: #000;
background: #CFD6D9 url('images/bg_popuppanel.gif') repeat-x top left;
border: 1px solid #3B1F81;
-moz-border-radius: 4px;
line-height: 150%;
padding: 20px;
}
.popuppanel2{
visibility:visible;
display:none;
position:absolute;
width: 500px;
color: #000;
background: #CFD6D9;
border: 1px solid #3B1F81;
-moz-border-radius: 4px;
line-height: 150%;
padding: 20px;
}
#closepanel{
position:absolute;
top:5%;
left:95%;
font-weight: bold;
font-size: 1.2em;
}

.closepanel{
position:absolute;
top:5%;
left:95%;
font-weight: bold;
font-size: 1.2em;
}
.print {float:right;width:80px;padding:6px 0;margin:0;text-align:right;}


/*ICONS*/
a.icondollar{background-position:42px 182px;background-image:url(images/icons_cashew.gif);width:14px;height:14px;overflow: hidden;margin-bottom:2px;margin-left:7px;float:left;}
a.icondollar:hover {background-position:28px 182px;}
a.icondate{background-position:0px 168px;background-image:url(images/icons2.gif);width:14px;height:14px;overflow: hidden;margin-bottom:2px;margin-left:7px;float:left;}
a.icondate:hover {background-position:14px 168px;}
a.iconhelp{background-position:42px 154px;background-image:url(images/icons_cashew.gif);width:14px;height:14px;overflow: hidden;margin-bottom:2px;margin-left:7px;float:left;}
a.iconhelp:hover {background-position:28px 154px;}
a.iconmdown{background-position:0px 140px;background-image:url(images/icons2.gif);width:14px;height:14px;overflow: hidden;margin-bottom:2px;margin-left:7px;float:left;}
a.iconmdown:hover {background-position:14px 140px;}
a.iconmdownfirst{background-position:0px 140px;background-image:url(images/icons2.gif);width:14px;height:14px;overflow: hidden;margin-bottom:2px;float:left;}
a.iconmdownfirst:hover {background-position:14px 140px;}
a.icondoc{background-position:0px 126px;background-image:url(images/icons2.gif);width:14px;height:14px;overflow: hidden;margin-bottom:2px;margin-left:7px;float:left;}
a.icondoc:hover {background-position:14px 126px;}
a.iconedit{background-position:42px 112px;background-image:url(images/icons_cashew.gif);width:14px;height:14px;overflow: hidden;margin-bottom:2px;margin-left:7px;float:left;}
a.iconedit:hover {background-position:28px 112px;}
a.iconright{background-position:0px 98px;background-image:url(images/icons2.gif);width:14px;height:14px;overflow: hidden;margin-bottom:2px;margin-left:7px;float:left;}
a.iconright:hover {background-position:14px 98px;}
a.icondown{background-position:42px 84px;background-image:url(images/icons_cashew.gif);width:14px;height:14px;overflow: hidden;margin-bottom:2px;margin-left:7px;float:left;}
a.icondown:hover {background-position:28px 84px;}
a.iconup{background-position:42px 70px;background-image:url(images/icons_cashew.gif);width:14px;height:14px;overflow: hidden;margin-bottom:2px;margin-left:7px;float:left;}
a.iconup:hover {background-position:28px 70px;}
a.iconclose{background-position:0px 56px;background-image:url(images/icons2.gif);width:14px;height:14px;overflow: hidden;margin-bottom:2px;margin-left:7px;float:left;}
a.iconclose:hover {background-position:14px 56px;}
a.iconplus{background-position:42px 42px;background-image:url(images/icons_cashew.gif);width:14px;height:14px;overflow: hidden;margin-bottom:2px;margin-left:7px;float:left;}
a.iconplus:hover {background-position:28px 42px;}
a.iconplusfirst{background-position:42px 42px;background-image:url(images/icons_cashew.gif);width:14px;height:14px;overflow: hidden;margin-bottom:2px;float:left;}
a.iconplusfirst:hover {background-position:28px 42px;}
a.iconlist {
    float: right;
    margin-left: 9px;
}
a.iconminus{background-position:42px 28px;background-image:url(images/icons_cashew.gif);width:14px;height:14px;overflow: hidden;margin-bottom:2px;margin-left:7px;float:left;}
a.iconminus:hover {background-position:28px 28px;}
a.iconbin{background-position:42px 14px;background-image:url(images/icons2.gif);width:14px;height:14px;overflow: hidden;margin-bottom:2px;margin-left:7px;float:left;}
a.iconbin:hover {background-position:14px 14px;}

a.iconqtip{background-position:42px 154px;background-image:url(images/icons_cashew.gif);width:14px;height:14px;overflow: hidden;margin-bottom:2px;margin-left:7px;float:left;}
a.iconqtip:hover {background-position:28px 154px;}


a.icondown_list{background-position:0px 84px;background-image:url(images/icons.gif);width:14px;height:14px;overflow: hidden;margin-top:3px;margin-left:1px;float:left;}
a.icondown_list:hover {background-position:28px 84px;}
a.iconup_list{background-position:0px 70px;background-image:url(images/icons.gif);width:14px;height:14px;overflow: hidden;margin-top:3px;margin-left:1px;float:left;}
a.iconup_list:hover {background-position:28px 70px;}

a.iconlock3{background-position:0px 182px;background-image:url(images/icons.gif);width:14px;height:14px;overflow: hidden;margin-bottom:2px;margin-left:7px;float:left;}
a.iconlock3:hover {background-position:28px 182px;}
a.icondate3{background-position:0px 196px;background-image:url(images/icons.gif);width:14px;height:13px;overflow: hidden;margin-bottom:2px;margin-left:7px;float:left;}
a.icondate3:hover {background-position:28px 196px;}
a.iconhelp3{background-position:0px 154px;background-image:url(images/icons.gif);width:14px;height:14px;overflow: hidden;margin-bottom:2px;margin-left:7px;float:left;}
a.iconhelp3:hover {background-position:28px 154px;}
a.icondown3{background-position:0px 84px;background-image:url(images/icons.gif);width:14px;height:14px;overflow: hidden;margin-bottom:2px;margin-left:7px;float:left;}
a.icondown3:hover {background-position:28px 84px;}
a.icondoc3{background-position:0px 126px;background-image:url(images/icons.gif);width:14px;height:14px;overflow: hidden;margin-bottom:2px;margin-left:7px;float:left;}
a.icondoc3:hover {background-position:28px 126px;}
a.iconedit3{background-position:0px 112px;background-image:url(images/icons.gif);width:14px;height:14px;overflow: hidden;margin-bottom:2px;margin-left:7px;float:left;}
a.iconedit3:hover {background-position:28px 112px;}
a.iconright3{background-position:0px 98px;background-image:url(images/icons.gif);width:14px;height:14px;overflow: hidden;margin-bottom:2px;margin-left:7px;float:left;}
a.iconright3:hover {background-position:28px 98px;}
a.iconup3{background-position:0px 70px;background-image:url(images/icons.gif);width:14px;height:14px;overflow: hidden;margin-bottom:2px;margin-left:7px;float:left;}
a.iconup3:hover {background-position:28px 70px;}
a.iconclose3{background-position:0px 56px;background-image:url(images/icons.gif);width:14px;height:14px;overflow: hidden;margin-bottom:2px;margin-left:7px;float:left;}
a.iconclose3:hover {background-position:28px 56px;}
a.iconplus3{background-position:0px 42px;background-image:url(images/icons.gif);width:14px;height:14px;overflow: hidden;margin-bottom:2px;margin-left:7px;float:left;}
a.iconplus3:hover {background-position:28px 42px;}
a.iconminus3{background-position:42px 28px;background-image:url(images/icons_cashew.gif);width:14px;height:14px;overflow: hidden;margin-bottom:2px;margin-left:7px;float:left;}
a.iconminus3:hover {background-position:28px 28px;}
a.iconbin3{background-position:0px 14px;background-image:url(images/icons.gif);width:14px;height:14px;overflow: hidden;margin-bottom:2px;margin-left:7px;float:left;}
a.iconbin3:hover {background-position:28px 14px;}

.toolbar{float:left;padding:5px 0;}
a.iconxls{background-position:0px 16px;background-image:url(images/app_icons.gif);width:16px;height:16px;overflow: hidden;margin-bottom:7px;margin-left:7px;float:left;}
a.iconxls:hover {background-position:0px 32px;}
a.iconpdf{background-position:-16px 16px;background-image:url(images/app_icons.gif);width:16px;height:16px;overflow: hidden;margin-bottom:7px;margin-left:7px;float:left;}
a.iconpdf:hover {background-position:-16px 32px;}
a.iconemail{background-position:-32px 16px;background-image:url(images/app_icons.gif);width:13px;height:16px;overflow: hidden;margin-bottom:7px;margin-left:7px;float:left;}
a.iconemail:hover {background-position:-32px 32px;}
a.iconprint{background-position:-45px 16px;background-image:url(images/app_icons.gif);width:16px;height:16px;overflow: hidden;margin-bottom:7px;margin-left:7px;float:left;}
a.iconprint:hover {background-position:-45px 32px;}
a.iconword{background-position:-61px 16px;background-image:url(images/app_icons.gif);width:16px;height:16px;overflow: hidden;margin-bottom:7px;margin-left:0;float:left;}
a.iconword:hover {background-position:-61px 32px;}
a.iconcog{background-position:-77px 16px;background-image:url(images/app_icons.gif);width:16px;height:16px;overflow: hidden;margin-bottom:7px;margin-left:0;float:left;}
a.iconcog:hover {background-position:-77px 32px;}
a.iconforward{background-position:-93px 16px;background-image:url(images/app_icons.gif);width:16px;height:16px;overflow: hidden;margin-bottom:7px;margin-left:7px;float:left;}
a.iconforward:hover {background-position:-93px 32px;}

a.iconxlslist{background-position:0px 16px;background-image:url(images/app_icons.gif);width:16px;height:16px;margin-left:4px;overflow: hidden;float:left;}
a.iconxlslist:hover {background-position:0px 32px;}
a.iconpdflist{background-position:-16px 16px;background-image:url(images/app_icons.gif);width:16px;height:16px;margin-left:4px;overflow: hidden;float:left;}
a.iconpdflist:hover {background-position:-16px 32px;}
a.iconemaillist{background-position:-32px 16px;background-image:url(images/app_icons.gif);width:13px;height:16px;margin-left:4px;overflow: hidden;float:left;}
a.iconemaillist:hover {background-position:-32px 32px;}
a.iconsenddr{background-image:url(images/icon_s_plus.png);width:19px;height:19px;margin-left:4px;overflow: hidden;float:left;}


form.frmEdit	input.btnplus{border:0;padding:0;background-position:42px 42px;background-image:url(images/icons_cashew.gif);width:14px;height:14px;overflow: hidden;margin-top:5px;margin-bottom:2px;margin-left:5px;float:right;}
form.frmEdit	input.btnplus:hover {background-position:28px 42px;}
form.frmEdit	input.btnminus{border:0;padding:0;background-position:42px 28px;background-image:url(images/icons_cashew.gif);width:14px;height:14px;overflow: hidden;margin-top:5px;margin-bottom:2px;margin-left:5px;float:right;display:inline;}
form.frmEdit	input.btnminus:hover {background-position:28px 28px;}

/*Invoice Lists */
.snuggrid{width:915px;}
.snuggrid	input{margin:0;}
.snuggrid	select{margin:0;}
.snuggrid ul	{width:890px;margin:0;float:left;background:#e9e9e9;}
.snuggrid ul li	{font-size: 1.1em;border-left:1px solid #e9e9e9;padding:7px 2px;margin:0;list-style:none; float: left; display: inline; position: relative; text-align: left;}

.snuggrid_narrow{width:750px;}
.snuggrid_narrow	input{margin:0;}
.snuggrid_narrow	select{margin:0;}
.snuggrid_narrow ul	{width:750px;margin:0;float:left;background:#e9e9e9;}
.snuggrid_narrow ul li	{font-size: 1.1em;border-left:1px solid #e9e9e9;padding:7px 2px;margin:0;list-style:none; float: left; display: inline; position: relative; text-align: left;}

.lineitem{width:890px;float:left;border:1px solid #ECE5DF;}
.lineitem_head{width:890px;float:left;border:1px solid #ECE5DF;}
.lineitem input{border:0;}
.displayitem{float:left;padding:7px 2px;}
.lineitemtotal{width:890px;float:left;font-weight: bold;border-top:1px solid #000;background:#E0F2F8;}
.lineitemtotal1{width:350px;float:left;padding:7px 2px;}
.lineitemtotal2{width:420px;float:left;padding:7px 2px;}
.lineitemtotal3{width:50px;float:left;padding:7px 2px;}

form.frmEdit .invoice_notes{width:300px;height:60px;}

/*Invoice Line Items */
form.frmEdit	select.snug_price_listID{width:150px;margin:0;border:0;}
form.frmEdit	input.snug_invoice_item_desc{width:270px;margin:0;border:0;border-left:1px solid #ECE5DF;}
form.frmEdit	input.snug_item_qty{width:50px;margin:0;border:0;border-left:1px solid #ECE5DF;}
form.frmEdit	input.snug_item_unit_price{width:60px;margin:0;border:0;border-left:1px solid #ECE5DF;}
form.frmEdit	select.snug_accountID{width:150px;margin:0;border:0;border-left:1px solid #ECE5DF;}
form.frmEdit	select.snug_taxID{width:100px;margin:0;border:0;border-left:1px solid #ECE5DF;}
form.frmEdit	input.snug_invoice_item_amount{width:80px;margin:0;border:0;border-left:1px solid #ECE5DF;}

.snug_head_item {width:150px;}
.snug_head_description {width:270px;}
.snug_head_qty {width:50px;}
.snug_head_unit {width:60px;}
.snug_head_account {width:150px;}
.snug_head_tax {width:100px;}
.snug_head_amount {width:80px;}

/*Journal Line Items*/

form.frmEdit	input.journal_item_desc{width:300px;margin:0;border:0;}
form.frmEdit	select.accountID{width:150px;margin:0;border:0;border-left:1px solid #ECE5DF;}
form.frmEdit	input.journal_net_amount{width:70px;margin:0;border:0;border-left:1px solid #ECE5DF;}
form.frmEdit	select.taxID{width:150px;margin:0;border:0;border-left:1px solid #ECE5DF;}
form.frmEdit	select.journal_typeID{width:130px;margin:0;border:0;border-left:1px solid #ECE5DF;}
form.frmEdit	input.journal_amount{width:50px;margin:0;border:0;border-left:1px solid #ECE5DF;}

.snug_head_journal_description{width:300px;font-weight:bold;}
.snug_head_journal_account{width:150px;font-weight:bold;}
.snug_head_journal_net_amount {width:70px;}
.snug_head_journal_tax_rate {width:150px;}
.snug_head_journal_type {width:130px;}
.snug_head_journal_amount {width:50px;}

/* Extra Lines*/
#snuggrid_plus1{display:none;}
#snuggrid_plus2{display:none;}

/*Date Picker*/
a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(images/calendar.png); 
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	width: 140px;
	float: left;
}

/* Contacts alphabet list */
#alphabet ul{margin: 0;}
#alphabet ul li	{margin: 0;width:3.7%;list-style:none; float: left; display: inline; 
		position: relative; text-align: center;margin-bottom:5px;
		}
#alphabet ul li a{padding: 10px; font-size: 1.1em; 
		font-weight: bold; color: #FFF; text-decoration: none; text-transform: uppercase; display: block;
		background: #909090;margin-right:2px;
		}
#alphabet ul li a.end{margin-right:0;}

#alphabet ul li a:hover	{text-decoration: underline;background: #C7C1BD;}
#alphabet li.active a{background: #C7C1BD;}

/* Reports */
#report {width:100%;font-size: 1.1em;}
#report th{font-size: 1.2em;padding: 4px; background: #E8EDF1;}
#report td{color:#4A3C31;padding:1px;text-align:right;}

#report2 {width:100%;font-size: 1.1em;}
#report2 th{font-size: 1.2em;padding: 8px 4px; background: #E8EDF1;}
#report2 td{color:#4A3C31;padding:4px;text-align:right;border-bottom:1px dashed #ccc;}

.greytext{color:#999;}
.greentext{color:#32D12E;}
.redtext{color:#F86570;}
#report .description{text-align:left;padding:1px;vertical-align: middle;}
#report .heading{text-align:left;font-size: 1.3em;font-weight: bold;margin-top:5px;}
#report .subheading{text-align:left;font-size: 1.2em;font-weight: bold;margin-top:5px;}
#report .rpt_subtotal{font-weight: bold;font-size: 1.1em;}
#report .rpt_subtotal td{color:#000;padding:0 0 10px 0;border-top:1px solid #CCC;}

#report .rpt_total{font-weight: bold;font-size: 1.2em;}
#report .rpt_total td{color:#000;padding:0 0 10px 0;border-bottom:4px double #ccc;border-top:1px solid #CCC;}

#report2 .description{text-align:left;padding:1px;vertical-align: middle;}
#report2 .heading{text-align:left;font-size: 1.3em;font-weight: bold;margin-top:5px;}
#report2 .subheading{text-align:left;font-size: 1.2em;font-weight: bold;margin-top:5px;}
#report2 .rpt_subtotal{font-weight: bold;font-size: 1.1em;}
#report2 .rpt_subtotal td{color:#000;padding:0 0 10px 0;border-top:1px solid #CCC;}

#report2 .rpt_total{font-weight: bold;font-size: 1.2em;}
#report2 .rpt_total td{color:#000;padding:0 0 10px 0;border-bottom:4px double #ccc;border-top:1px solid #CCC;}

/* Balance sheet */
#balancesheet {width:100%;font-size: 1.1em;}
#balancesheet th{font-size: 1.2em;padding: 4px; background: #A4D0DF;}
#balancesheet td{color:#4A3C31;padding:1px;text-align:right;}
#balancesheet .heading{text-align:left;font-size: 1.3em;font-weight: bold;margin-left:5px;margin-top:5px;}
#balancesheet .subheading{text-align:left;font-size: 1.2em;font-weight: bold;padding:0 0 0 20px;margin-top:5px;}
#balancesheet .description{text-align:left;padding:0 0 0 30px;}
#balancesheet .rpt_subtotal{font-weight: bold;font-size: 1.1em;}
#balancesheet .rpt_subtotal td{color:#000;padding:0 0 10px 30px;border-top:1px solid #CCC;}
#balancesheet .rpt_total{font-weight: bold;font-size: 1.2em;}
#balancesheet .rpt_total td{color:#000;padding:0 0 10px 0;border-bottom:4px double #ccc;border-top:1px solid #CCC;}

/* Misc */
.shadepanel{margin:5px 0 5px 0;background: #D2E8EF url(images/bg_blue2.gif) top left repeat-x; padding:10px;}
.bookmarkpanel{margin:5px 0 5px 0;background: #D2E8EF url(images/bg_blue2.gif) top left repeat-x; padding:10px;}
    .bookmarkpanel p {
        float: left;
        margin: 5px 15px 5px 0;
    }
.chart{border:1px solid #D7D4D2;}
.chart2{width:432px;float:left;border:1px solid #D7D4D2;margin-right:0px;padding:3px;}
.chart2_rounded{width:432px;float:left;border:1px solid #D7D4D2;margin-right:0px;padding:3px;-moz-border-radius: 5px;border-radius: 5px;}
.chart h3{margin:6px 0px 3px 10px;}
.chart2 h3{margin:6px 0px 3px 10px;}
.chart_wide{width:903px;float:left;border:1px solid #D7D4D2;padding:0px;}

#sublinks{margin:0 0 0 10px;}
#sublinks a{font-size: 1.2em;margin-left:15px;color:#666;text-decoration:none;}
#sublinks a:hover{text-decoration:underline;}

ul.promo{list-style: disc url(bullet.gif) inside;}

/* Homepage message panels */
.message_panel_blue{font-size: 1.1em;border:3px solid #0198C9; background: #D2E8EF url(images/bg_blue2.gif) top left repeat-x;padding:10px;margin-bottom:10px;}
.message_panel_blue_close{float:right;margin:0;}
.panel_third{float:left;width:290px;}

.message_panel_silver{font-size: 1.25em;border:2px solid #E6E4E4; background: #EEEEEE url(images/bg_silver.gif) top left repeat-x;padding:10px;margin-bottom:10px;}
.message_panel_silver_close{float:right;margin:0;}
.message_panel_silver2{font-size: 1em;border:2px solid #E6E4E4; background: #EEEEEE url(images/bg_silver.gif) top left repeat-x;padding:10px;margin-bottom:10px;}

.message_panel_yellow{border:3px solid #F9F73E; background:#FFFEBF;padding:10px;margin-bottom:10px;}
.message_panel_yellow_close{float:right;}

.message_panel_green{border:3px solid #03B331; background: #B8E0AA url(images/bg_green.gif) top left repeat-x;padding:10px;margin-bottom:10px;}
.message_panel_green_close{float:right;}


.message_panel_red{border:3px solid #F40B0C; background: #F4D4D4 url(images/bg_red.gif) top left repeat-x;padding:10px;margin-bottom:10px;}
.message_panel_red_close{float:right;}

.message_panel_mustard{border:3px solid #ED8300; background: #FFD39E url(images/bg_mustard2.gif) top left repeat-x;padding:10px;margin-bottom:10px;}
.message_panel_mustard_close{float:right;}
.message_panel_mustard h5{color:#D47500;}

.message_panel_navy{background: #0269CB url(images/bg_navy.gif) bottom left repeat-x;margin-bottom:10px;}
.message_panel_navy h5{color:#fff;}
.message_panel_navy p{color:#fff;}

.message_panel_cashew{font-size: 1.25em;border:1px solid #c5c2c2; 
                      background: #EEEEEE url(images/bg_silver.gif) top left repeat-x;
                      padding:10px;margin-bottom:10px;
                      -moz-border-radius: 5px;border-radius: 5px;}

/* Totals Panel for snuggrid */
.snuggrid_totals {padding:15px;width:115px;float:right;background:#EEEEEE;margin:15px 13px 0 0;}
form.frmEdit	label.snuggrid_totals_label{width:82px;font-weight:normal;margin:2px 0 0 0;}
form.frmEdit	input.snuggrid_totals_input{width:82px;margin:0;background:#fff;font-weight:bold;}

.tickLabel{font-size: 1.1em;}
.ratingframe{border: none;height:70px;width:100%;margin-top:50px;}


/* PRINTING */
@Media Print 
{
h2{color:#000000;}
#apps{display: none;}
#main{border:0;}
#masthead {display: none;}
#alphabet {display: none;}
.ratingframe {display: none;}
.copyright{display: none;}
a:link:after, a:visited:after {
    content: "";
}
    .toolbar {
        display: none;
    }
    .dash_header_panel{display: none;}
    .noprint{display: none;}
    .shadepanel{display: none;}
}

.reconcile{margin:10px 0 20px 0;width:100%;}
.reconcile_grey{background: #EEEEEE url(images/bg_silver.gif) top left repeat-x;padding:10px;float:left;border: 1px solid #EEEEEE;}
.reconcile_unreconciled{float:left;width:200px;}
.reconcile_contact{float:left;width:200px;margin:0;padding:0;}
.reconcile_actions{float:left;width:400px;margin-left:10px;padding:0;}
.recframe{margin:0;padding:0;width:470px;height:150px;}

.reconcile_popuppanel{
visibility:visible;
display:none;
position:absolute;
width: 900px;
height: 600px;
color: #000;
background: #fff;
border: 1px solid #3B1F81;
-moz-border-radius: 4px;
line-height: 150%;
padding: 20px;
}
#reconcile_closepanel{
position:absolute;
top:3%;
left:96%;
font-weight: bold;
font-size: 1.2em;
}
.chk_array{}
.chk_array td{padding:0;font-size:0.90em;width:150px;}
.chk_array td label{width:100px;}
.chk_array tr{vertical-align: top;}
form.frmEdit .chk_array input{width: auto; border: none; float: left; display: block; margin-bottom: 0;}

.company_title img{border:1px solid #ccc;margin:0 20px 10px 0;float:left;}
.company_title_text{float:left;}
.company_title h3{font-size:3em;font-weight: bold; color:#ccc;line-height: 1.1em;}

.index_card{width:436px;height:226px;background: #eeeeee url(/images/index_card.jpg);}

#user_header{color:#fff;margin:10px 0 8px 20px;float:left;}
#user_header img{border:1px solid #ccc;margin:3px 15px 0 0;float:left;}
#user_header .user_header_text{float:left;}
#user_header h3{font-size:1.7em;font-weight: bold;color:#fff;}
#user_header h3 a{color:#fff;text-decoration: none;}
#user_header h3 a:hover{color:#fff;text-decoration: underline;}
#user_header p{}

table.customerlist           {border: 1px solid #E2E2E2;margin-top:0px;}
table.customerlist th        {padding: 15px 10px; border:0; background: #E2E2E2; font-size: 1.4em; text-align: left; font-weight: normal; color: #000;}
table.customerlist td        {padding: 15px 10px; border:0; vertical-align: top; font-size: 1.3em; color: #666;}
table.customerlist tr:hover	{background: #DBD7E7;}
.customer_row{ background: #EEEEEE url(images/bg_silver.gif) top left repeat-x;}
table.customerlist tr.customer_row_highlight td{background: #EEEEEE url(images/bg_blue2.gif) top left repeat-x;}



.statement_date{float:left;padding:7px 2px;width:80px;}
.statement_description{float:left;padding:7px 2px;width:400px;}
.statement_ref{float:left;padding:7px 2px;width:110px;}
.statement_amount{float:left;padding:7px 2px;width:90px;}
.statement_payment{float:left;padding:7px 2px;width:90px;}
.statement_balance{float:left;padding:7px 2px;width:90px;}

.statement_narrow{text-align:left;}
.statement_narrow .lineitem{width:750px;}
.statement_narrow .lineitem .statement_date{float:left;padding:7px 2px;width:60px;}
.statement_narrow .lineitem .statement_description{float:left;padding:7px 2px;width:300px;}
.statement_narrow .lineitem .statement_ref{float:left;padding:7px 2px;width:80px;}
.statement_narrow .lineitem .statement_amount{float:left;padding:7px 2px;width:80px;}
.statement_narrow .lineitem .statement_payment{float:left;padding:7px 2px;width:80px;}
.statement_narrow .lineitem .statement_balance{float:left;padding:7px 2px;width:80px;}

/* Refer a friend panel on dashboard */
.refer_a_friend{background: #143d88 url(images/bg_refer.gif) repeat-x;height:77px;}
.refer_a_friend_star{background: url(images/refer_star.gif);height:77px;width:81px;float:left;margin:0 15px;}
.refer_a_friend p{float:left;text-transform:uppercase;margin-top:23px;font-size:1.8em;}
.refer_a_friend p a{color:#fff;text-decoration: none;}
.refer_a_friend p a:hover{text-decoration: underline;}

/* Refer a friend panel on commission screen in 'Community' section */
.commission_starburst{float:left;width:145px;height:138px;margin-right:10px;padding:2px;}
.commission_starburst_text{float:left;width:700px;padding:10px;}
.commission_starburst_text h3{color:#fff;font-size:2.4em;font-weight:bold;text-transform:uppercase;}
.commission_starburst_text p{color:#fff;font-size:1.4em;}

/* Contact/User icons */
.contact_icon_small{height:26px;width:26px;}
.contact_icon_medium{height:45px;width:45px;}
.contact_icon_large{height:78px;width:78px;}

.invoice_paid{float:right;text-align:right;font-size:1.2em;font-weight:bold;color:#fff;background:green;}
.invoice_paid2{text-align:left;font-size:1.1em;font-weight:bold;color:#fff;background:green;margin-top:-15px;}


/*Dashboard panels */
.dashouter
{width:100%;border:1px solid #E6E4E4;background: #F5F5F5
}
.dashpanel{height:185px;width:100%;float:left;margin-bottom:10px;}
.dashpanel_wide{height:185px;width:100%;float:left;margin-bottom:10px;}
.dashcol1{width:227px;float:left;}
.dashcol2{width:227px;float:left;}
.dashcol3{width:454px;float:left;}
@media screen and (min-width: 960px) {
    .dashcol1{width:25%;}
    .dashcol2{width:25%;}
    .dashcol3{width:50%;}
}

.dashpanel_content{padding:10px 10px 0 10px;}
.dashamount{color:#0198C9;font-size:2.8em;text-align:center;font-weight:bold;}
.dashamount a{text-decoration:none;}

.overdue{margin:0;padding:0;height:25px;}
.overduedays{float:left;margin:0 0 0 25px;padding:0;width:160px;font-size:1.2em;color:#999;}
.overdueamount{margin:0;padding:0;color:#0198C9;font-size:1.8em;text-align:left;font-weight:bold;}

.dashpale{color:#999;font-weight:bold;}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/*Opportunity panels */
.opppanel{height:110px;float:left;border:1px solid #E6E4E4;background: #F5F5F5;margin-bottom:10px;}

@media screen and (min-width: 980px) {
    .opppanel{width:170px;}
}


/*opening balances*/
.snug_opening_date{width:150px;float:left;padding:4px 0px 4px 3px;}
.snug_opening_account{width:200px;float:left;padding:4px 0px 4px 3px;}
.snug_opening_desc{width:200px;float:left;padding:4px 0px 4px 3px;}
.snug_opening_amount{width:100px;float:left;padding:4px 0px 4px 3px;}
.snug_opening_tax{width:100px;float:left;padding:4px 0px 4px 3px;}
.snug_opening_gross_amount{width:100px;float:left;padding:4px 0px 4px 3px;}

.snug_head_opening_date{width:150px;}
.snug_head_opening_account{width:200px;}
.snug_head_opening_desc{width:200px;}
.snug_head_opening_amount{width:100px;}
.snug_head_opening_tax{width:100px;}
.snug_head_opening_gross_amount{width:100px;}

/*trends*/
.trends_chart_wide{display:block;float:none;width:908px; height:450px;}
.trends_chart_narrow{display:block;width:480px; height:450px;}

/* ------------------------------------------------------------------------------------ */
/* Share Homepage */
.third_column{float:left;width:30%;margin:30px 10px 0 0;}
.dark_box{margin:0;padding:0;background:#c5c2c2;border:1px solid #c5c2c2;}
.social_box{border:5px solid #c5c2c2;margin:0;padding:0;-moz-border-radius: 5px;border-radius: 5px;}
.logo_facebook{margin:5px;height:37px;background: #c5c2c2 url('images/logo_facebook.png') no-repeat top left;}
.logo_twitter{margin:5px;height:37px;background: #c5c2c2 url('images/logo_twitter.png') no-repeat top left;}
.logo_linkedin{margin:5px;height:37px;background: #c5c2c2 url('images/logo_linkedin.png') no-repeat top left;}

.share_new_container{height:20px;width:22px;background: #00A9E0 url('images/bg_blue1.gif') repeat-x bottom left;padding:6px 8px;
                     -moz-border-radius: 3px;border-radius: 3px;}
.share_new{height:18px;width:22px;background: url('images/share_new_icon.png') no-repeat top left;}
#share_new{display:none;}

/* Twitter */
.twitter_column{float:left;width:33%;}
.twitter_timeline{width:100%;}
.twitter_timeline_item{margin:20px 0;border-bottom:1px solid #ccc;}
.twitter_timeline_image{float:left;margin:0 10px 10px 0;}
.twitter_timeline_image img{ -moz-border-radius: 3px;border-radius: 3px;}
.twitter_timeline_right{float:left;width:80%;}
.twitter_timeline_username{font-size:1.5em;font-weight:bold;}
.twitter_timeline_text{font-size:1.4em;margin-bottom:2px;}
.twitter_timeline_age{font-size:1.2em;color:#999;margin-bottom:10px;}
.twitter_counter{margin:10px 0 0 10px;font-size:1.1em;float:left;}

/* LinkedIn */
.linkedin_update{margin-bottom:10px;}
.linkedin_update img{padding:3px;border:1px solid #ccc; float:left;margin-right:10px;}
.linkedin_text{float:left;width:350px;}
.linkedin_name{color:#4f6699;font-family:'YendoDemi';}

/* Facebook */
.fb_post{margin:10px 0;padding:10px 0;border-bottom:1px solid #ccc;color:#666666;}
.fb_post_profile_pic{float:left;margin-right:20px;width:60px;}
.fb_post_text{float:left;width:500px;}
.fb_name{font-weight:bold;}
.fb_post_title a{text-decoration:none;color:#3b5998;}
.fb_post_pic{margin:10px 10px 10px 0;float:left;width:100px;}
.fb_post_pic img{max-width:100px;}
.fb_post_story{margin:10px 10px 10px 0;float:left;width:300px;}
.fb_post_date{margin:10px 10px 10px 0;float:left;width:300px;}

/* ------------------------------------------------------------------------------------ */
.panel_facebook{float:left;width:50%;}
.panel_linkedin{float:right;width:45%;}
@media screen and (min-width: 980px) {
    .panel_facebook{width:350px;}
    .panel_linkedin{width:180px;}
}
/* ------------------------------------------------------------------------------------ */
/* View Opportunity Screen */
.opp_view_head{width:30%;float:left;font-size:1.3em;font-family:'Yendo';}

.crm_stages{float:left;margin:0;padding:0;width:100%;font-size: 1.25em;margin-bottom:10px;
            border:1px solid #c5c2c2;
            background: #00A9E0 url('images/crm_stages_grey.gif') repeat-x top left;
                      -moz-border-radius: 5px;border-radius: 5px;}
.crm_stages_gg_arrow{float:left;width:13px;height:40px;background: #00A9E0 url('images/crm_stages_gg_arrow.gif') no-repeat top left;}
.crm_stages_gb_arrow{float:left;width:13px;height:40px;background: #00A9E0 url('images/crm_stages_gb_arrow.gif') no-repeat top left;}
.crm_stages_bg_arrow{float:left;width:13px;height:40px;background: #00A9E0 url('images/crm_stages_bg_arrow.gif') no-repeat top left;}
.crm_stages_grey{float:left;height:40px;}
.crm_stages_blue{float:left;height:40px;background: #00A9E0 url('images/crm_stages_blue.gif') repeat-x top left;}


/* CRM Reports */
h3.pipeline{color:#0198C9;font-size:2.8em;font-weight:bold;margin-top:20px;}
h3.pipeline a{text-decoration:none;}

/*EXPENSES SPECIFIC */
#leftcol{width:45%;float:left;}
#rightcol{width:50%;float:left;margin-left:10px;}
.expensesmonthly{width:350px;border:1px solid #E6E4E4;background: #F5F5F5 url(images/bg_silver_light.gif) top left repeat-x;padding:10px;margin-bottom:10px;}
.expensesamount{color:#085d7b;font-size:2.8em;text-align:center;font-weight:bold;}
.expensespale{color:#999;}
.expenseschart{width:350px;float:left;border:1px solid #E6E4E4;padding:10px;}


/*batch purchases*/
.batch_day_desc{float:left;width:50px;padding:4px 0px 4px 3px;}
.batch_contactID_desc{float:left;width:150px;padding:4px 0px 4px 3px;}
.batch_invoice_desc_desc{float:left;width:200px;padding:4px 0px 4px 3px;}
.batch_invoice_item_net_amount_desc{float:left;width:80px;padding:4px 0px 4px 3px;}
.batch_accountID_desc{float:left;width:150px;padding:4px 0px 4px 3px;}
.batch_taxID_desc{float:left;width:150px;padding:4px 0px 4px 3px;}
.batch_invoice_item_amount_desc{float:left;width:80px;padding:4px 0px 4px 3px;}

form.frmEdit	input.batch_day{width:50px;padding:4px 0px 4px 3px;}
form.frmEdit	select.batch_contactID{width:150px;padding:3px 0px 3px 3px;}
form.frmEdit	input.batch_invoice_desc{width:200px;padding:4px 0px 4px 3px;}
form.frmEdit	input.batch_invoice_item_net_amount{width:80px;padding:4px 0px 4px 3px;}
form.frmEdit	select.batch_accountID{width:150px;padding:3px 0px 3px 3px;}
form.frmEdit	select.batch_taxID{width:150px;padding:3px 0px 3px 3px;}
form.frmEdit	input.batch_invoice_item_amount{width:80px;padding:4px 0px 4px 3px;}

.currency_info{color:#A4D0DF;}
.currency_info:hover{color:#999;}

/* Green Submit Button */
.button{margin-top:5px;display:inline-block;position:relative;padding:16px 16px 8px 16px;height:30px;border:0;
        -moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;
        -moz-box-shadow:0 1px 1px #707070;-webkit-box-shadow:0 1px 1px #707070;
        box-shadow:0 1px 1px #707070;cursor:pointer;}
.button{font-size:16px;font-weight:500;color:#fff;text-shadow:0 1px 2px #666;white-space:nowrap}
.button:hover{text-decoration:none}
.button:focus{text-decoration:none}
.button:active{top:1px}
.button.green{color:#fff;text-decoration:none;line-height:1em;
              background:#85c901;background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#8fd200),color-stop(1,#68b103));
              background:-moz-linear-gradient(center top,#8fd200 0,#68b103 100%);
              filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#FF8fd200,endColorStr=#FF68b103,GradientType=0)!important;
              -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr=#FF8fd200, endColorStr=#FF68b103, GradientType=0)"!important}
.button.green:hover{background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#7fbe26),color-stop(100%,#59992f));
                     background-image:-webkit-linear-gradient(#7fbe26,#59992f);
                     background-image:-moz-linear-gradient(#7fbe26,#59992f);
                     background-image:-o-linear-gradient(#7fbe26,#59992f);
                     background-image:-ms-linear-gradient(#7fbe26,#59992f);
                     background-image:linear-gradient(#7fbe26,#59992f)}
         
 .button.green.btnright{margin-left:180px;}  
   
/* Bookmark Stars 
a.bookmark {
    height:19px;width:19px;margin-right:3px;
    background: url('images/star.png') top left no-repeat;
    background-position:-19px 0px;
    overflow: hidden;float:left;
}
a.bookmarkactive {
    height:19px;width:19px;margin-right:3px;
    background: url('images/star.png') top left no-repeat;
    overflow: hidden;float:left;
    
}
    */
a.bookmark {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-decoration:none;
    font-size:1.5em;
}
a.bookmark:before {
  content: "\e007";
}
    a.bookmark:hover {
        color: #999;
    }

a.bookmarkactive {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-decoration:none;
    font-size:1.5em;
}
a.bookmarkactive:before {
  content: "\e006";
}
    a.bookmarkactive:hover {
        color: #999;
    }
.crm_rating {
    height:19px;width:19px;margin-right:3px;
    background: url('images/star.png') top left no-repeat;
    background-position:-19px 0px;
    overflow: hidden;float:left;
}
.crm_rating_active {
    height:19px;width:19px;margin-right:3px;
    background: url('images/star.png') top left no-repeat;
    overflow: hidden;float:left;
    
}

/*buttons*/
/*http://www.cssbuttongenerator.com/*/


form.frmEdit input.btn {
	background-color:#79bbff;
	-webkit-border-top-left-radius:4px;
	-moz-border-radius-topleft:4px;
	border-top-left-radius:4px;
	-webkit-border-top-right-radius:4px;
	-moz-border-radius-topright:4px;
	border-top-right-radius:4px;
	-webkit-border-bottom-right-radius:4px;
	-moz-border-radius-bottomright:4px;
	border-bottom-right-radius:4px;
	-webkit-border-bottom-left-radius:4px;
	-moz-border-radius-bottomleft:4px;
	border-bottom-left-radius:4px;
	text-indent:0;
	border:1px solid #999;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:40px;
	width:149px;
	text-decoration:none;
	text-align:center;
    margin: 5px 5px 5px 180px;
}
form.frmEdit input.btn:hover {
	background-color:#999 !important;
}
form.frmEdit input.btn.btn_short{
    margin: 5px 5px 5px 80px;
}
form.frmEdit input.btn.btn_search{
    margin: 5px 5px 5px 0px;
}
form.frmEdit input.btn.btn_setup{
    margin: 5px 5px 5px 0px;
}
form.frmEdit input.btn.btn_setup_active{
	background-color:#4197ee !important;
    margin: 5px 5px 5px 0px;
}
form.frmEdit input.btn.btn_left_disabled{
	background-color:#ccc !important;
    margin: 5px 5px 5px 0px;
}
form.frmEdit input.btn.btn_small{
    height:auto;width:auto;
}
form.frmEdit input.btn.btn_small2{
    height:auto;width:auto;margin-left:100px;
}


form.frmEdit input.btn_left_disabled {
	-moz-box-shadow:inset 0px 1px 0px 0px #cae3fc;
	-webkit-box-shadow:inset 0px 1px 0px 0px #cae3fc;
	box-shadow:inset 0px 1px 0px 0px #cae3fc;
	background-color:#ccc !important;
	-webkit-border-top-left-radius:4px;
	-moz-border-radius-topleft:4px;
	border-top-left-radius:4px;
	-webkit-border-top-right-radius:4px;
	-moz-border-radius-topright:4px;
	border-top-right-radius:4px;
	-webkit-border-bottom-right-radius:4px;
	-moz-border-radius-bottomright:4px;
	border-bottom-right-radius:4px;
	-webkit-border-bottom-left-radius:4px;
	-moz-border-radius-bottomleft:4px;
	border-bottom-left-radius:4px;
	text-indent:0;
	border:1px solid #469df5;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:40px;
	width:149px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #287ace;
    margin-top:10px;
}

form.frmEdit input.btn_left {
	background-color:#79bbff;
	-webkit-border-top-left-radius:4px;
	-moz-border-radius-topleft:4px;
	border-top-left-radius:4px;
	-webkit-border-top-right-radius:4px;
	-moz-border-radius-topright:4px;
	border-top-right-radius:4px;
	-webkit-border-bottom-right-radius:4px;
	-moz-border-radius-bottomright:4px;
	border-bottom-right-radius:4px;
	-webkit-border-bottom-left-radius:4px;
	-moz-border-radius-bottomleft:4px;
	border-bottom-left-radius:4px;
	text-indent:0;
	border:1px solid #999;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:40px;
	width:149px;
	text-decoration:none;
	text-align:center;
    margin-top:10px;
}
form.frmEdit input.btn_left:hover {
	background-color:#999 !important;
}



.xbutton {
	-moz-box-shadow:inset 0px 1px 0px 0px #c1ed9c;
	-webkit-box-shadow:inset 0px 1px 0px 0px #c1ed9c;
	box-shadow:inset 0px 1px 0px 0px #c1ed9c;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #9dce2c), color-stop(1, #8cb82b) );
	background:-moz-linear-gradient( center top, #9dce2c 5%, #8cb82b 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9dce2c', endColorstr='#8cb82b');
	background-color:#9dce2c !important;
	-webkit-border-top-left-radius:0px;
	-moz-border-radius-topleft:0px;
	border-top-left-radius:0px;
	-webkit-border-top-right-radius:0px;
	-moz-border-radius-topright:0px;
	border-top-right-radius:0px;
	-webkit-border-bottom-right-radius:0px;
	-moz-border-radius-bottomright:0px;
	border-bottom-right-radius:0px;
	-webkit-border-bottom-left-radius:0px;
	-moz-border-radius-bottomleft:0px;
	border-bottom-left-radius:0px;
	text-indent:0;
	border:1px solid #83c41a;
	display:inline-block;
	color:#ffffff !important;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:40px;
	line-height:40px;
	width:200px;
	text-decoration:none !important;
	text-align:center;
	text-shadow:1px 1px 0px #689324;
}
.xbutton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #8cb82b), color-stop(1, #9dce2c) );
	background:-moz-linear-gradient( center top, #8cb82b 5%, #9dce2c 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8cb82b', endColorstr='#9dce2c');
	background-color:#8cb82b;
}.xbutton:active {
	position:relative;
	top:1px;
}
 .green_tick{float:left;margin:10px 15px 10px 0;width:44px;height:44px;background:url('images/green_tick.png') no-repeat;}
 .green_tick_text{float:left;font-size:1.5em;margin:20px 0 0 0;}


 /*Homepage Hero Panel*/
.hero {
    width: 100%;
    margin-bottom:30px;
}
.hero.green {
    border: 1px solid #7eae41;
}
.hero.navy {
    border: 1px solid #465a89;
}
.hero.red {
    border: 1px solid #b5121b;
}
.hero.orange {
    border: 1px solid #e67325;
}
.hero.cyan {
    border: 1px solid #00A9E0;
}

.hero_title {
    padding:5px;
    font-size:1.2em;
    text-align:center;
}
.hero_title.green{
    background: #7eae41;
    color: #fff;
}
.hero_title.navy{
    background: #465a89;
    color: #fff;
}
.hero_title.red{
    background: #b5121b;
    color: #fff;
}
.hero_title.orange{
    background:#e67325;
    color:#fff;
}
.hero_title.cyan{
    background:#00A9E0;
    color:#fff;
}



.hero_body {
    padding:5px;
}
.hero_star {
    width:100%;height:48px;background:url('images/yendo_starflower.png') no-repeat center;
}

.col-hero {
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.col-hero-star {
    float: left;
    position: relative;
    min-height: 1px;
    padding-top:70px;
    width: 6%;
}
  .col-hero-star-third {
    float: left;
    position: relative;
    min-height: 1px;
      padding-top:70px;
    width: 5%;
  }
  .col-hero.half {
    width: 47%;
  }
  .col-hero.third {
    width: 30%;
  }

.col-hero-half {
        float: left;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    width: 50%;
}

.heroamount{color:#0198C9;font-size:2.8em;text-align:left;font-weight:bold;}
.heroamount a{text-decoration:none;}
.heroamount{color:#999;font-weight:bold;}

ul.hero_list {
    margin:0;
}
ul.hero_list li{
    padding:8px 0;
    list-style:none;
    font-size:1.3em;
}
ul.hero_list li a{
    text-decoration: none;
}
ul.hero_list li a:hover{text-decoration: underline;}
.hero_body ul.hero_list.green li a{
    color: #7eae41;
}
.hero_body ul.hero_list.orange li a{
    color: #e67325;
}
.hero_body ul.hero_list.navy li a{
    color: #465a89;
}
.hero_body ul.hero_list.cyan li a{
    color: #00A9E0;
}
.hero_body ul.hero_list.red li a{
    color: #b5121b;
}
. glyphicon-large {
    font-size: 1.5em;
}
/*modal pop-ups with bootstrap*/
.modalcontainer {
    width:100%;text-align:center;margin-top:20px;
}
.modalpanel {
    margin:0 auto;padding:20px;width:60%;min-height:500px;background:#fff;text-align:left;
}
.dash_header_panel {
    background: #EEEEEE;
    min-height:90px;
    text-align:center;
}
    .dash_header_panel p {
        padding: 10px;
        font-size: 1.9em;
        color:#0198C9;
    }
#masthead_hide {
cursor:pointer;
font-size:1.5em;
margin:3px 30px 0 0;
float:right;
}