html{
  margin: 0;
  padding: 0;
  background-image: url('../images/tile_bg.png');
  background-color: #F2F9FF;
  /*background-image: url('../images/atas_logo.png');
  background-position: center center;
  background-repeat: no-repeat;*/
  height: 100%;
}

a {
    cursor: pointer;
}

p{
  padding: 0;
  margin: 0;
}

#noticeDisplay p{
  display: block; /*-moz-box*/
  padding: 0;
  margin: 0;
}

#noticeDisplay {
  /*background-image: url('../images/acorn.png'), url('../images/New-Red-Bow.png');
  background-position: top left, top right;
  background-repeat: no-repeat, no-repeat;
  background-size: contain, contain;*/
  background-image: url('../images/dialog_information.png');
  background-position: center left;
  background-repeat: no-repeat;
  background-size: 80px 80px;
}

#noticeDisplay a{
    color: #cdebf9 !important;
    text-shadow: 1px 1px 1px black;
}

#noticeDisplay a:hover{
  color: blue !important;
}

/* CUSTOMER DASHBOARD MULTIPLE UPLOADER STYLING START */
.ajax-file-upload-statusbar {
  border: 1px solid #0ba1b5;
  margin-top: 5px;
  /*width: 420px;*/
  margin: 5px 0 5px 0;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  padding: 5px 5px 5px 5px
}

.ajax-file-upload-filename {
  width: 100%;
  height: auto;
  margin: 0 5px 5px 10px;
  color: #807579
}

.ajax-file-upload-progress {
  margin: 0 10px 5px 10px;
  position: relative;
  width: 300px;
  border: 1px solid #ddd;
  padding: 1px;
  border-radius: 3px;
  display: inline-block
}

.ajax-file-upload-bar {
  background-color: #0ba1b5;
  width: 0;
  height: 20px;
  border-radius: 3px;
  color:#FFFFFF;
}

.ajax-file-upload-percent {
  position: absolute;
  display: inline-block;
  top: 3px;
  left: 48%
}

.ajax-file-upload-red {
  -moz-box-shadow: inset 0 39px 0 -24px #e67a73;
  -webkit-box-shadow: inset 0 39px 0 -24px #e67a73;
  box-shadow: inset 0 39px 0 -24px #e67a73;
  background-color: #e4685d;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  display: inline-block;
  color: #fff;
  font-family: arial;
  font-size: 13px;
  font-weight: normal;
  padding: 4px 15px;
  text-decoration: none;
  text-shadow: 0 1px 0 #b23e35;
  cursor: pointer;
  vertical-align: top;
  margin-right:5px;
}

.ajax-file-upload-green {
  background-color: #77b55a;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  margin: 0;
  padding: 0;
  display: inline-block;
  color: #fff;
  font-family: arial;
  font-size: 13px;
  font-weight: normal;
  padding: 4px 15px;
  text-decoration: none;
  cursor: pointer;
  text-shadow: 0 1px 0 #5b8a3c;
  vertical-align: top;
  margin-right:5px;
}

.ajax-file-upload {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: bold;
  padding: 15px 15px;
  cursor: pointer;	
  line-height: 15px;
  /*height: 25px;*/
  margin: 0 10px 10px 0;
  display: inline-block;
  background: #fff;
  border: 1px solid #e8e8e8;
  color: #888;
  text-decoration: none;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -moz-box-shadow: 0 2px 0 0 #e8e8e8;
  -webkit-box-shadow: 0 2px 0 0 #e8e8e8;
  box-shadow: 0 2px 0 0 #e8e8e8; 
  padding: 6px 10px 4px 10px; 
  color: #0249B4; /* #fff */
  background: #CBCBCB; /* #2f8ab9 */
  border: none;
  -moz-box-shadow: 0 2px 0 0 #787878; /* #13648d */
  -webkit-box-shadow: 0 2px 0 0 #787878;
  box-shadow: 0 2px 0 0 #787878; 
  vertical-align: middle;  
}
  
.ajax-file-upload:hover {
  background: #909090; /* #3396c9 */ 
  -moz-box-shadow: 0 2px 0 0 #0012E0; /* #15719f */
  -webkit-box-shadow: 0 2px 0 0 #0012E0;
  box-shadow: 0 2px 0 0 #0012E0;
  color: #FFF;
}

.ajax-upload-dragdrop
{
  border:2px dotted #A5A5C7;
  /*width:420px;*/
  color: #DADCE3;
  text-align:left;
  vertical-align:middle;
  padding:10px 10px 0px 10px;
}
/* CUSTOMER DASHBOARD MULTIPLE UPLOADER STYLING END */



#dashboardNerd img{
  display: block;
}

body{
  margin: 0;
  padding: 0;
  font-family: Arial;
  height: 100%;
}

a img {
  border: 0;
}

a{
  color: #8F00FE;
 text-decoration: none;
}

a:hover{
  color: #888;
}

.action_links{
  font-size: 12px;
}

.action_links a{
  color: red;
  font-size: 12px;
}

.a_task_nav{
  color: #2F87FF;
}

input[type="submit"], input[type="button"], .buttonDesign {
/*  border: 2px solid #999;
  padding: 2px 25px;
  background-color: #666666;
  font-weight: bold;
  color: #FFF;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;  */
	-moz-box-shadow:inset 0px 1px 0px 0px #97c4fe;
	-webkit-box-shadow:inset 0px 1px 0px 0px #97c4fe;
	box-shadow:inset 0px 1px 0px 0px #97c4fe;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3d94f6), color-stop(1, #1e62d0) );
	background:-moz-linear-gradient( center top, #3d94f6 5%, #1e62d0 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0');
	background-color:#3d94f6;
	-webkit-border-top-left-radius:8px;
	-moz-border-radius-topleft:8px;
	border-top-left-radius:8px;
	-webkit-border-top-right-radius:8px;
	-moz-border-radius-topright:8px;
	border-top-right-radius:8px;
	-webkit-border-bottom-right-radius:8px;
	-moz-border-radius-bottomright:8px;
	border-bottom-right-radius:8px;
	-webkit-border-bottom-left-radius:8px;
	-moz-border-radius-bottomleft:8px;
	border-bottom-left-radius:8px;
	text-indent:0px;
	border:1px solid #337fed;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:28px;
	/*line-height:22px;
	width:75px;*/
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #1570cd;  
}
/*
.logoutButton{
  border: 2px solid blue;
  padding: 1px 15px;
  background-color: red;
  font-weight: bold;
  color: #FFF;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;  
}

.logoutButton:hover{
  color: blue;
}
*/
input[type="submit"]:hover, input[type="button"]:hover, .buttonDesign {
/*  background-color: #888;*/
  background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1e62d0), color-stop(1, #3d94f6) );
  background:-moz-linear-gradient( center top, #1e62d0 5%, #3d94f6 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0', endColorstr='#3d94f6');
  background-color:#1e62d0;
  color: #FFF;
}

input[type="text"], input[type="password"], select, textarea {
  border: 2px solid #999;
  padding: 2px 5px;
  background-color: #FFFFFF;
  font-weight: normal;
  color: #000;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;  
}

/*textarea {
  border: 2px solid #999;
  background-color: #FFFFFF;
  font-weight: normal;
  color: #000;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;  
  width: 100%;
} */

#content_wrapper{
  padding: 10px;
}

h1{
/*  color: #767DA3;
  border-right: 1px solid #FFF;  */
  text-shadow: 2px 2px 2px #CCC;   
  margin: 0 0 5px 0;
  padding: 2px 10px;
  color: #455F6D;
  
  border: 1px solid #666666;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px; 
-webkit-box-shadow: inset 0px 0px 10px -4px rgba(0,0,0,0.75);
-moz-box-shadow: inset 0px 0px 10px -4px rgba(0,0,0,0.75);
box-shadow: inset 0px 0px 10px -4px rgba(0,0,0,0.75);  

background: rgb(222,239,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(222,239,255,1) 0%, rgba(152,190,222,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(222,239,255,1)), color-stop(100%,rgba(152,190,222,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(222,239,255,1) 0%,rgba(152,190,222,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(222,239,255,1) 0%,rgba(152,190,222,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(222,239,255,1) 0%,rgba(152,190,222,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(222,239,255,1) 0%,rgba(152,190,222,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#deefff', endColorstr='#98bede',GradientType=0 ); /* IE6-9 */

}

h3{
  color: #666666;
  border-right: 1px solid #FFF;  
  text-shadow: 1px 1px 1px #CCC;   
  margin: 0 0 5px 0;
}

.spacer{
  width: 15px;
}

.content_area, .borderIT{ 
  padding: 10px;
  background-color: #FFF;
  border: 1px solid #666666;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px; 
-webkit-box-shadow: inset 0px 0px 10px -4px rgba(0,0,0,0.75);
-moz-box-shadow: inset 0px 0px 10px -4px rgba(0,0,0,0.75);
box-shadow: inset 0px 0px 10px -4px rgba(0,0,0,0.75);
}

#main_table{
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  z-index: 1;
}
 
.columnHeader{
  border-bottom: 1px solid black;
  font-size: 12px;
  padding: 0;
} 

#TaskTable tr td{
  padding: 2px 5px;
}

#logOutbar{
  margin: 0;
  padding: 0 5px 0 0;
  line-height: 30px;
background: rgb(181,189,200); /* Old browsers */
background: -moz-linear-gradient(top, rgba(181,189,200,1) 0%, rgba(156,169,175,1) 36%, rgba(119,148,163,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(181,189,200,1)), color-stop(36%,rgba(156,169,175,1)), color-stop(100%,rgba(119,148,163,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(181,189,200,1) 0%,rgba(156,169,175,1) 36%,rgba(119,148,163,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(181,189,200,1) 0%,rgba(156,169,175,1) 36%,rgba(119,148,163,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(181,189,200,1) 0%,rgba(156,169,175,1) 36%,rgba(119,148,163,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(181,189,200,1) 0%,rgba(156,169,175,1) 36%,rgba(119,148,163,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5bdc8', endColorstr='#7794a3',GradientType=0 ); /* IE6-9 */
  z-index: 10000000;
}
           
#navMenu{
  margin: 0;
  padding: 0;
  width: 100%;
background: rgb(181,189,200); /* Old browsers */
background: -moz-linear-gradient(top, rgba(181,189,200,1) 0%, rgba(156,169,175,1) 36%, rgba(119,148,163,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(181,189,200,1)), color-stop(36%,rgba(156,169,175,1)), color-stop(100%,rgba(119,148,163,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(181,189,200,1) 0%,rgba(156,169,175,1) 36%,rgba(119,148,163,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(181,189,200,1) 0%,rgba(156,169,175,1) 36%,rgba(119,148,163,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(181,189,200,1) 0%,rgba(156,169,175,1) 36%,rgba(119,148,163,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(181,189,200,1) 0%,rgba(156,169,175,1) 36%,rgba(119,148,163,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5bdc8', endColorstr='#7794a3',GradientType=0 ); /* IE6-9 */
  z-index: 10000000; 
}

#sub_nav{
  z-index: 1000000;
}

#navMenu ul {
  margin: 0;
  padding: 0;  
  line-height: 30px;
}

#navMenu ul > li > a:hover {
  -webkit-transition: all ease .2s;
  -o-transition: all ease .2s;
  -moz-transition: all ease .2s;
  -ms-transition: all ease .2s;
  transition: all ease .2s;
}

#navMenu li{
  list-style-type: none;
  margin: 0;
  padding: 0;  
  float: left;
  position: relative;
background: rgb(181,189,200); /* Old browsers */
background: -moz-linear-gradient(top, rgba(181,189,200,1) 0%, rgba(156,169,175,1) 36%, rgba(119,148,163,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(181,189,200,1)), color-stop(36%,rgba(156,169,175,1)), color-stop(100%,rgba(119,148,163,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(181,189,200,1) 0%,rgba(156,169,175,1) 36%,rgba(119,148,163,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(181,189,200,1) 0%,rgba(156,169,175,1) 36%,rgba(119,148,163,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(181,189,200,1) 0%,rgba(156,169,175,1) 36%,rgba(119,148,163,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(181,189,200,1) 0%,rgba(156,169,175,1) 36%,rgba(119,148,163,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5bdc8', endColorstr='#7794a3',GradientType=0 ); /* IE6-9 */
}

#navMenu ul li{
  text-align: center;
  text-decoration: none;
  width: 130px;
  display: block;
  color: #FFF;
  border-right: 1px solid #FFF;  
  text-shadow: 1px 1px 1px #000; 
  cursor:default;
}

#navMenu ul li a{
  text-align: center;
  text-decoration: none;
  height: 30px;
  width: 130px;
  display: block; 
  color: #FFF;
  border-right: 1px solid #FFF;  
  text-shadow: 1px 1px 1px #000; 
}

#navMenu ul ul {
  position: absolute;
  visibility: hidden;
  top: 30px;
  border-top: 1px solid #CCC;  
  font-size: 12px;
}

#navMenu ul ul li {
  border-top: 1px solid #CCC;  
  font-size: 12px;
  position: absolute;
}

/*#navMenu ul ul a{
  height: 100%;
  font-size: 12px;
  border-top: 1px solid #CCC;  
}
*/
#navMenu ul li:hover ul{
  visibility: visible;  
}

#navMenu ul li:hover ul li{
  position: relative;  
}

#navMenu li:hover{
  background: #09f;
}

#navMenu ul li:hover ul li a:hover {
  /*background: #CCC;
  color: #000;     */
}

#navMenu a:hover {
  color: #000;
  text-shadow: 1px 1px 1px #FFF;  
}

/* SUB SUB MENU */
#navMenu ul#sub_sub_nav {
  position: absolute;
  visibility: hidden;
  top: -1px;
  left: 130px;
  border-top: none;  
  font-size: 12px;
}

#navMenu ul ul li:hover ul#sub_sub_nav{
  visibility: visible;
}

#navMenu ul#sub_sub_nav li {
  border-top: 1px solid #CCC;  
  font-size: 12px;
}
/* END SUB SUB MENU */


.clearFloat{
  margin: 0;
  padding: 0;
  clear: both;
}

/* LOGOUT BUTTON */
.logoutButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #97c4fe;
	-webkit-box-shadow:inset 0px 1px 0px 0px #97c4fe;
	box-shadow:inset 0px 1px 0px 0px #97c4fe;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3d94f6), color-stop(1, #1e62d0) );
	background:-moz-linear-gradient( center top, #3d94f6 5%, #1e62d0 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0');
	background-color:#3d94f6;
	-webkit-border-top-left-radius:8px;
	-moz-border-radius-topleft:8px;
	border-top-left-radius:8px;
	-webkit-border-top-right-radius:8px;
	-moz-border-radius-topright:8px;
	border-top-right-radius:8px;
	-webkit-border-bottom-right-radius:8px;
	-moz-border-radius-bottomright:8px;
	border-bottom-right-radius:8px;
	-webkit-border-bottom-left-radius:8px;
	-moz-border-radius-bottomleft:8px;
	border-bottom-left-radius:8px;
	text-indent:0px;
	border:1px solid #337fed;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:22px;
	line-height:22px;
	width:75px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #1570cd;
}

.logoutButton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1e62d0), color-stop(1, #3d94f6) );
	background:-moz-linear-gradient( center top, #1e62d0 5%, #3d94f6 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0', endColorstr='#3d94f6');
	background-color:#1e62d0;
	  color: #FFF;
}

.logoutButton:active {
	position:relative;
	top:1px;
}

/*#requestDiv div.nicEdit-panelContain,#requestDiv div.nicEdit-panel{
  width: 100%;
}*/

table.speechbubble
{
	position: relative;
	background-color: #fff;
	padding: 2px;
	border: 2px solid #666;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	-webkit-box-shadow: 2px 2px 4px #888;
	-moz-box-shadow: 2px 2px 4px #888;
	box-shadow: 2px 2px 4px #888;
}

#legendtable{
  font-size: 11px;
}

/*table.bubble:before, table.bubble:after
{
	left: 10px;
	top: 70px;
	width: 40px;
	height: 40px;
	background-color: #fff;
	border: 8px solid #666;
	-webkit-border-radius: 28px;
	-moz-border-radius: 28px;
	border-radius: 28px;
}

table.bubble:after
{
	width: 20px;
	height: 20px;
	left: 5px;
	top: 100px;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
}*/

.dashboardCells{
  float: left;
  padding: 10px 10px 0 0;
  height: 300px;
  width: 30%;
  overflow: auto;
  /*
  display: table-cell;
  vertical-align: top;*/
}

.bubble 
{
position: relative;

padding: 5px;
background: #FFF;
border: #7F7F7F solid 1px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

.bubble:after 
{
content: "";
position: absolute;
top: 16px;
right: -17px;
border-style: solid;
border-width: 8px 0 8px 17px;
border-color: transparent #7F7F7F;
display: block;
width: 0;
z-index: 1;
}

/*
.bubble:before 
{
  content: "";
  position: absolute;
  top: 16px;
  left: 261px;
  border-style: solid;
  border-width: 8px 0 8px 17px;
  border-color: transparent #7F7F7F;
  display: block;
  width: 0;
  z-index: 0;
}
*/

.dashboardCaption{
  font-size: 10px;
  color: #555;
}

.dashboardHeader{
  text-decoration: underline;
}

#successmessage{
  color: red;
  font-size: 12px;
  font-style: italic;
}

#successmessage a{
  color: #666666;
  text-decoration: underline;
}

.corrCell div{
  webkit-word-wrap: break-word; 
  word-wrap: break-word;
  max-width: 500px;
}

.corrCell font, .corrCell div{
  text-indent: 0px !important; 
}

.corrCell table{
  width: 100%;
}

.corrCell a{
  text-decoration: underline;
}

a.supportFileStyle{
  color: red;
}

a.supportFileStyle:hover{
  color: blue;
}

.invoiceHeader {
  font-weight: bold;
}

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

#dashCorrCell table tr td div img{
  width: 50%;
}

a#showCompleteMessages{
  font-weight: bold;
  color: #2F87FF;
}

a#showCompleteMessages:hover{
color: #888;
}

.templateHeader {
/*  color: #767DA3;
  border-right: 1px solid #FFF;  
  text-shadow: 2px 2px 2px #CCC;  */ 
  margin: 0;
  padding: 10px 5px;
  color: #000;
  font-size: 13px;
  border: 1px solid #666666;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px; 
  -webkit-box-shadow: inset 0px 0px 10px -4px rgba(0,0,0,0.75);
  -moz-box-shadow: inset 0px 0px 10px -4px rgba(0,0,0,0.75);
  box-shadow: inset 0px 0px 10px -4px rgba(0,0,0,0.75);  
  white-space: nowrap;
  background: rgb(222,239,255); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(222,239,255,1) 0%, rgba(152,190,222,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(222,239,255,1)), color-stop(100%,rgba(152,190,222,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(222,239,255,1) 0%,rgba(152,190,222,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(222,239,255,1) 0%,rgba(152,190,222,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(222,239,255,1) 0%,rgba(152,190,222,1) 100%); /* IE10+ */
  background: linear-gradient(to bottom,  rgba(222,239,255,1) 0%,rgba(152,190,222,1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#deefff', endColorstr='#98bede',GradientType=0 ); /* IE6-9 */
}

.templateHeader b{
  display: block;
  text-align: center;
  font-size: 14px;
  text-shadow: 2px 2px 2px #CCC;  
  color: #000;
}

#allProjectsCellHidden{
  padding: 0;
  margin: 0;
}

#allProjectsCellShow img{
  cursor: pointer;
}

#allProjectsCellHide img{
  cursor: pointer;
}

#urgentLabel {
  color: red;
}

#urgentTip {
  font-size: 11px;
  font-style: italic;
}

.urgentSeperator{
  margin: 0;
  padding: 0;
  color: red;
}

.dashboardWidgets{
  height: 100%;
  width: 100%;
}

.dashboardWidgetsContentCell{
  height: 100%;
}

.customerDashColumnHeader{
  padding: 2px 5px;
  font-size: 12px;
  font-color: #333;
background: rgb(167,199,220);
background: -moz-linear-gradient(top,  rgba(167,199,220,1) 0%, rgba(133,178,211,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(167,199,220,1)), color-stop(100%,rgba(133,178,211,1)));
background: -webkit-linear-gradient(top,  rgba(167,199,220,1) 0%,rgba(133,178,211,1) 100%);
background: -o-linear-gradient(top,  rgba(167,199,220,1) 0%,rgba(133,178,211,1) 100%);
background: -ms-linear-gradient(top,  rgba(167,199,220,1) 0%,rgba(133,178,211,1) 100%);
background: linear-gradient(to bottom,  rgba(167,199,220,1) 0%,rgba(133,178,211,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7c7dc', endColorstr='#85b2d3',GradientType=0 );

}

hr.customerDashProjectSeperator{
  padding: 0;
  margin: 0;
  border: 0; 
  height: 0; 
  border-top: 1px solid rgba(0, 0, 0, 0.1); 
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

ul.packageList{
  margin: 0;
  list-style-type: decimal;
}

.packnameHeading {
  color: #0074BD;
}

.optionHeader{
  font-style: italic;
  text-decoration: underline;
}

.optionDet{
  font-size: 13px;
  padding: 0;
  line-height: 30px;
  border-bottom: 1px solid #EFEFEF
}



img.productOptionLogos{
  cursor: pointer;
  padding: 5px;
  margin: 2px 5px;
  border: 1px solid #FFF;
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); 
filter: gray;
-moz-filter: grayscale(1);
-webkit-filter: grayscale(1);
-ms-filter: grayscale(1); 
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
}

img.productOptionLogos:hover{
filter: none;
-moz-filter: grayscale(0);
-webkit-filter: grayscale(0);
-ms-filter: grayscale(0); 
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
}

img.productOptionLogos.Selected{
  padding: 5px;
  border: 1px solid #666666;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px; 
  -webkit-box-shadow: inset 0px 0px 10px -4px rgba(0,0,0,0.75);
  -moz-box-shadow: inset 0px 0px 10px -4px rgba(0,0,0,0.75);
  box-shadow: inset 0px 0px 10px -4px rgba(0,0,0,0.75);
/*filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); 
filter: gray;
-moz-filter: grayscale(1);
-webkit-filter: grayscale(1);
-ms-filter: grayscale(1); 
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;*/
filter: none;
-moz-filter: grayscale(0);
-webkit-filter: grayscale(0);
-ms-filter: grayscale(0); 
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
}

.productBorderIT{ 
  padding: 5px;
background: #f6f8f9;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y2ZjhmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU4JSIgc3RvcC1jb2xvcj0iI2RjZTFlMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkN2RlZTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #f6f8f9 0%, #dce1e2 58%, #d7dee3 100%);
background: -webkit-linear-gradient(top,  #f6f8f9 0%,#dce1e2 58%,#d7dee3 100%);
background: linear-gradient(to bottom,  #f6f8f9 0%,#dce1e2 58%,#d7dee3 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#d7dee3',GradientType=0 );
  border: 1px solid #666666;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px; 
  -webkit-box-shadow: inset 0px 0px 10px -4px rgba(0,0,0,0.75);
  -moz-box-shadow: inset 0px 0px 10px -4px rgba(0,0,0,0.75);
  box-shadow: inset 0px 0px 10px -4px rgba(0,0,0,0.75);
}

.packagesDiv{
  border-top: 1px solid #999;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px; 
background: #d5e3ed;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q1ZTNlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4NWIyZDMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #d5e3ed 0%, #85b2d3 100%);
background: -webkit-linear-gradient(top,  #d5e3ed 0%,#85b2d3 100%);
background: linear-gradient(to bottom,  #d5e3ed 0%,#85b2d3 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5e3ed', endColorstr='#85b2d3',GradientType=0 );
  height: 100%;
  /*float: left;*/
  display: table-cell;
  padding: 5px;
  margin: 4px;
}

.packagesHeader{
  font-weight: bold;
  border: 1px solid #999;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px; 
  padding: 3px;
  margin: 0 0 5px 0;
background: #e7ffa5;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U3ZmZhNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4ZmM0MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #e7ffa5 0%, #8fc400 100%);
background: -webkit-linear-gradient(top,  #e7ffa5 0%,#8fc400 100%);
background: linear-gradient(to bottom,  #e7ffa5 0%,#8fc400 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7ffa5', endColorstr='#8fc400',GradientType=0 );
}

.packagesHeader:hover{
background: #8fc400;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhmYzQwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlN2ZmYTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #8fc400 0%, #e7ffa5 100%);
background: -webkit-linear-gradient(top,  #8fc400 0%,#e7ffa5 100%);
background: linear-gradient(to bottom,  #8fc400 0%,#e7ffa5 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8fc400', endColorstr='#e7ffa5',GradientType=0 );

  cursor: pointer;
}

.packagesHeader label:hover{
  cursor: pointer;
}

.packagesHeader.downgrade{
background: #ff796d;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmNzk2ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiMjAzMDMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #ff796d 0%, #b20303 100%);
background: -webkit-linear-gradient(top,  #ff796d 0%,#b20303 100%);
background: linear-gradient(to bottom,  #ff796d 0%,#b20303 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff796d', endColorstr='#b20303',GradientType=0 );
text-decoration: line-through;
}

#packageLoaderRow{
  display: none;
}

#productListLoaderRow{
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: #FFF;
  opacity: 0.8;
  filter: alpha(opacity=80);
}

#productListLoaderRow #productLoader {
  width: 64px;
  height: 64px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -28px 0 0 -25px;
}

.productOptionsDiv{
  display: table;
  border-top: 1px solid #999;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px; 
  min-height: 100%;
  height: 100% !important;
  width: 100%;
  background-color: #FFF;
  padding: 0;
  margin: 0;
}

.productOptionsDiv .nooptionsfound{
  font-style: italic;
  font-size: 10px;
  color: #777;
}

.productOptionsDiv hr{
  padding: 0;
  margin: 0;
}

.productOptionHeader{
  font-size: 12px;
  font-weight: bold;
}

.productOption{
  font-size: 12px;
}

#addProductsButtonDiv{
  display: none;
}

input#createProjectButton, input#updateProjectButton {
  -moz-box-shadow:inset 0px 1px 0px 0px #97c4fe;
  -webkit-box-shadow:inset 0px 1px 0px 0px #97c4fe;
  box-shadow:inset 0px 1px 0px 0px #97c4fe;
background: #d2dfed;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QyZGZlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ0JSIgc3RvcC1jb2xvcj0iI2JhZDBlZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY5JSIgc3RvcC1jb2xvcj0iIzk5YjVkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3OTliYzgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #d2dfed 0%, #bad0ef 44%, #99b5db 69%, #799bc8 100%);
background: -webkit-linear-gradient(top,  #d2dfed 0%,#bad0ef 44%,#99b5db 69%,#799bc8 100%);
background: linear-gradient(to bottom,  #d2dfed 0%,#bad0ef 44%,#99b5db 69%,#799bc8 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2dfed', endColorstr='#799bc8',GradientType=0 );
  -webkit-border-top-left-radius:8px;
  -moz-border-radius-topleft:8px;
  border-top-left-radius:8px;
  -webkit-border-top-right-radius:8px;
  -moz-border-radius-topright:8px;
  border-top-right-radius:8px;
  -webkit-border-bottom-right-radius:8px;
  -moz-border-radius-bottomright:8px;
  border-bottom-right-radius:8px;
  -webkit-border-bottom-left-radius:8px;
  -moz-border-radius-bottomleft:8px;
  border-bottom-left-radius:8px;
  text-indent:0px;
  border:1px solid #817F8D;
  display:inline-block;
  color: #ffffff;
  font-family:Arial;
  font-size:15px; 
  font-weight:bold;
  font-style:normal;
  height:38px;
  width:175px;
  text-decoration:none;
  text-align:center;
  text-shadow:0px 0px 4px #000;  
}

input#createProjectButton:hover, input#updateProjectButton:hover{
/*  background-color: #888;*/
background: #799bc8;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzc5OWJjOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMxJSIgc3RvcC1jb2xvcj0iIzk5YjVkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU2JSIgc3RvcC1jb2xvcj0iI2JhZDBlZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkMmRmZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #799bc8 0%, #99b5db 31%, #bad0ef 56%, #d2dfed 100%);
background: -webkit-linear-gradient(top,  #799bc8 0%,#99b5db 31%,#bad0ef 56%,#d2dfed 100%);
background: linear-gradient(to bottom,  #799bc8 0%,#99b5db 31%,#bad0ef 56%,#d2dfed 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#799bc8', endColorstr='#d2dfed',GradientType=0 );
  color: #FFF;
}

#addedPackageOptions{
  border: 1px solid #376789;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px; 
  -webkit-box-shadow: inset 0px 0px 10px -4px rgba(55,103,137,1);
  -moz-box-shadow: inset 0px 0px 10px -4px rgba(55,103,137,1);
  box-shadow: inset 0px 0px 10px -4px rgba(55,103,137,1);
  height: 100%;
  width: 100%;
  background-color: #FFF;
  padding: 5px;
  margin: 0;
}

#addedPackageOptions{

}

#addedPackageOptions #addedPackageOptionsHeader{
  color: #376789;
  border-bottom: 1px solid #376789;
  font-size: 11px;
  font-style: italic;
}

.addedPackageOptionsOption{
  font-size: 13px;
  color: #376789;
}

#createProjectDiv {
  /*display: none;*/
}

.addedPackageHeader{
  font-size: 13px;
  font-weight: bold;
  color: #376789;
  padding: 5px 0 0 0;
}

.addedPackageHeaderRemove a{
  color: red !important;
  font-size: 11px;
  text-decoration: underline;
}

.addedPackageHeaderRemove a:hover{
  color: #333;
}

.productOptions{
  font-size: 12px;
}

#productOptionList{

}

#productOptionDate{
  color: #777;
}

#productOptionPrice{
  text-align: right;
  color: red;
  white-space: nowrap;
}

#productsTotal{
  padding: 0; 
  margin: 0;
  text-align: right;
  font-size: 13px;
}

#productsTotal #productsTotalPrice{
  color: red;
  font-weight: bold;
}

#addCustomProductHeader{
  font-weight: bold;
}

#addCustomProductError{
  color: red;
  font-style: italic;
  font-size: 12px;
  padding: 0 15px 0 0;
}

#deleteCustomProductError{
  color: red;
  font-style: italic;
  font-size: 12px;
  padding: 0 15px 0 0;
}

.ProductOptBGClass{
  background-color: #EEE;
}

#dashboardDrawer1switch:hover, #dashboardDrawer2switch:hover, #dashboardDrawer3switch:hover, #dashboardDrawer4switch:hover{
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); 
  filter: gray;
  -moz-filter: grayscale(1);
  -webkit-filter: grayscale(1);
  -ms-filter: grayscale(1); 
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
}

a.deletePackage{
  color: red;
  font-size: 11px;
}

a.deletePackage:hover{
  color: #333;
  cursor: pointer;
}

h3.projectName{
  text-shadow: 2px 2px 2px #CCC;   
  margin: 0 0 5px 0;
  padding: 2px 10px;
  color: #455F6D;
  border: 1px solid #666666;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px; 
-webkit-box-shadow: inset 0px 0px 10px -4px rgba(0,0,0,0.75);
-moz-box-shadow: inset 0px 0px 10px -4px rgba(0,0,0,0.75);
box-shadow: inset 0px 0px 10px -4px rgba(0,0,0,0.75);  

background: #eeeeee;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjY2NjY2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #eeeeee 0%, #cccccc 100%);
background: -webkit-linear-gradient(top,  #eeeeee 0%,#cccccc 100%);
background: linear-gradient(to bottom,  #eeeeee 0%,#cccccc 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 );
}

#internalBubble{
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;


background: rgb(222,239,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(222,239,255,1) 0%, rgba(152,190,222,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(222,239,255,1)), color-stop(100%,rgba(152,190,222,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(222,239,255,1) 0%,rgba(152,190,222,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(222,239,255,1) 0%,rgba(152,190,222,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(222,239,255,1) 0%,rgba(152,190,222,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(222,239,255,1) 0%,rgba(152,190,222,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#deefff', endColorstr='#98bede',GradientType=0 ); /* IE6-9 */
  color: #333;
  -webkit-box-shadow: 0px 0px 10px -4px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 0px 10px -4px rgba(0,0,0,0.75);
  box-shadow: 0px 0px 10px -4px rgba(0,0,0,0.75);  
  z-index: 1;
}

#internalBubble div#internalBubbleNoticeDiv{
  max-height: 80px;
  overflow: auto;
}

#internalBubble table#internalBubbleNoticeTable{
  padding: 1px 5px;
}

#internalBubble table#internalBubbleNoticeTable tr{
  background-color: #FFF;
}

#internalBubble table#internalBubbleNoticeTable tr td{
  padding: 4px;
  border: 1px solid #999;
  font-size: 12px;
}

#internalBubble table#internalBubbleNoticeTable tr td#internalBubbleNotice{
  text-align: left;
}

#internalBubble table#internalBubbleNoticeTable tr td#internalBubbleDate{
  text-align: right;
}

#hideInternalBubble{
  height: 11px; 
  background-color: #A6A6A6;
  background-image: url('../images/internal_notice_center.png');
  background-repeat: no-repeat;
  background-position: center center;
  border-top: 1px solid #666666;
  border-bottom: 1px solid #BBB;
  cursor: pointer;
  z-index: 1;
}

#internalBubble table#internalBubbleNoticeTable tr td#internalBubbleName{
  text-align: center;
  width: 100px;
  font-style: italic;
}

.container{
  display: block;
  margin: auto;
  /*height: 450px;
  width: 400px;*/
  bottom: 0; 
  left:0; 
  right: 0; 
  top:0;
  padding: 0;
}

.container h2 {
  color: #000000;
  font-weight: normal;
}

.container ul{
  list-style: none;
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  display: table;
}


.container ul li{
  color: #000000;
  display: block;
  position: relative;
  float: left;
  width: 100%;
  /*height: 100px;
  border-bottom: 1px solid #111111;*/
}

.container ul li input[type=radio] {
  position: absolute;
  visibility: hidden;
  display: none;
}

.container ul li label {
  float: left;
  display: inline-table;
  position: relative;
  /*font-weight: 300;*/
  font-size: 14px;
  padding: 0 0 0 40px; /* padding: 3px 0px 0px 45px; */
  margin: 1px auto;
  height: 30px;
  line-height: 30px;
  width: 60%;
  cursor: pointer;
  -webkit-transition: all 0.25s linear;
  z-index: 9;
}

#customerparentOption2018 .container ul li .productOptionRadio.NoDesc label, #customerparentOptionAllRound .container ul li .productOptionRadio.NoDesc label {
  width: 100% !important;
}

.dashboardSwitches{
    color: #006c96;
}

.dashboardSwitches:hover{
    cursor: pointer;
}

.container ul li .check{
  display: block;
  position: absolute;
  border: 2px solid #999999;
  background-color: #FFFFFF;
  border-radius: 100%;
  height: 20px;
  width: 20px;
  top: 5px;
  left: 7px;
  z-index: 5;
  transition: border .25s linear;
  -webkit-transition: border .25s linear;
}

.container ul li:hover .check {
  border: 2px solid #999999;
}

.container ul li .check::before {
  display: block;
  position: absolute;
  content: '';
  border-radius: 100%;
  height: 10px;
  width: 10px;
  top: 5px;
  left: 5px;
  margin: auto;
  transition: background 0.25s linear;
  -webkit-transition: background 0.25s linear;
}

.container input[type=radio]:checked ~ .check {
  border: 2px solid #999999;
}

.container input[type=radio]:checked ~ .check::before {
  background: #8ab9c9;
}

.container input[type=radio]:hover ~ .check::before {
  background: #8ab9c9;
}

.container input[type=radio]:checked ~ label {
  color: #999999;
}

/* CHILD PRODUCT OPTIONS CSS */
.productChildOptionRow {
  display: none;
}

.container ul ul{
  list-style: none;
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
}


.container ul li ul li{
  color: #000000;
  display: block;
  position: relative;
  float: left;
  width: 100%;
  /*height: 100px;
  border-bottom: 1px solid #111111;*/
}

.container ul li ul li input[type=radio] {
  position: absolute;
  visibility: hidden;
}

.container ul li ul li label {
  display: inline-table;
  position: relative;
  font-size: 11px;
  padding: 0 0 0 40px; 
  margin: 1px auto;
  height: 30px;
  line-height: 30px;
  z-index: 9;
  cursor: pointer;
  -webkit-transition: all 0.25s linear;
}


.container ul li ul li .childcheck{
  display: block;
  position: absolute;
  border: 2px solid #999999;
  background-color: #FFFFFF;
  border-radius: 100%;
  height: 15px;
  width: 15px;
  top: 7px;
  left: 12px;
  z-index: 5;
  transition: border .25s linear;
  -webkit-transition: border .25s linear;
}

.container ul li ul li:hover .childcheck {
  border: 2px solid #999999;
}

.container ul li ul li .childcheck::before {
  display: block;
  position: absolute;
  content: '';
  border-radius: 100%;
  height: 9px;
  width: 9px;
  top: 3px;
  left: 3px;
  margin: auto;
  transition: background 0.25s linear;
  -webkit-transition: background 0.25s linear;
}

.container input[type=radio]:checked ~ .childcheck {
  border: 2px solid #999999;
}

.container input[type=radio]:checked ~ .childcheck::before {
  background: #8ab9c9;
}

.container input[type=radio]:hover ~ .childcheck::before {
  background: #8ab9c9;
}

.container ul li ul li input[type=radio]:checked ~ label {
  color: #999999;
}


#main_project_info {
  background-color: #fffaed;
}

.productCategories {
  padding: 5px; 
  border: 1px solid #818181; 
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
}

.tmtooltip {
  border: 2px solid #999999 !important;
  -webkit-border-radius: 8px !important;
  -moz-border-radius: 8px !important;
  border-radius: 8px !important; 
  -webkit-box-shadow: 6px 6px 5px -4px rgba(0,0,0,0.75) !important;
  -moz-box-shadow: 6px 6px 5px -4px rgba(0,0,0,0.75) !important;
  box-shadow: 6px 6px 5px -4px rgba(0,0,0,0.75) !important;
  color: #333333 !important;
  font-size: 14px !important;
  font-weight: normal !important;
  background: #ffffff !important;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNWU1ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+) !important;
  background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%) !important;
  background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%) !important;
  background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ) !important;
  font-family: Arial !important;
}

.moreInfoTooltip {
  cursor: pointer;
  color: #5d5c5c;
  font-size: 14px; 
  font-weight: bold;
  padding: 0;
  text-decoration: none;
  background: #cbcedb;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NiY2VkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNGY0ZjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  #cbcedb 0%, #f4f4f4 100%);
  background: -webkit-linear-gradient(top,  #cbcedb 0%,#f4f4f4 100%);
  background: linear-gradient(to bottom,  #cbcedb 0%,#f4f4f4 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cbcedb', endColorstr='#f4f4f4',GradientType=0 );
  text-align: center;
  border-left: 1px solid #999999;
  width: 20%;
  float: right;
  height: 32px;
  line-height: 30px;
}

.moreInfoTooltip:hover {
  background: #f4f4f4;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y0ZjRmNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjYmNlZGIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  #f4f4f4 0%, #cbcedb 100%);
  background: -webkit-linear-gradient(top,  #f4f4f4 0%,#cbcedb 100%);
  background: linear-gradient(to bottom,  #f4f4f4 0%,#cbcedb 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#cbcedb',GradientType=0 );
}

#customerparentOption2018, #customerparentOptionAllRound {
  padding: 8px 0;
}

#customerparentOption2018 ul li, #customerparentOptionAllRound ul li {
  width: 48%;
  margin: 10px 10px 0 0;
}

#customerparentOption2018 ul li .productChildOptionRadio ul li, #customerparentOptionAllRound ul li .productChildOptionRadio ul li {
  width: 100%;
  margin: 5px 5px 0 0;
}

#customerparentOption2018 ul li table, #customerparentOptionAllRound ul li table {
  border: 1px solid #999999 !important;
  -webkit-border-radius: 8px !important;
  -moz-border-radius: 8px !important;
  border-radius: 8px !important; 
  overflow: hidden;
  width: 100%;
    background: #ffffff !important;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNWU1ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+) !important;
  background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%) !important;
  background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%) !important;
  background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ) !important;
  padding: 0;
}

#customerparentOption2018 ul li table.multipleOrder, #customerparentOptionAllRound ul li table.multipleOrder {
  border: 1px solid #999999 !important;
  -webkit-border-radius: 8px !important;
  -moz-border-radius: 8px !important;
  border-radius: 8px !important; 
  overflow: hidden;
  width: 100%;
  background: #ecf0ff !important;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VjZjBmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiNmJlZmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+) !important;
  background: -moz-linear-gradient(top,  #ecf0ff 0%, #b6befb 100%) !important;
  background: -webkit-linear-gradient(top,  #ecf0ff 0%,#b6befb 100%) !important;
  background: linear-gradient(to bottom,  #ecf0ff 0%,#b6befb 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ecf0ff', endColorstr='#b6befb',GradientType=0 ) !important;
  padding: 0;
}

#customerparentOption2018 ul li .productOptionRadio {

}

#customerparentOption2018 ul li:hover table tr td.productOptionRadio, #customerparentOptionAllRound ul li:hover table tr td.productOptionRadio {
background: rgb(173,217,228);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FkZDllNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhZGQ5ZTQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(173,217,228,1) 0%, rgba(173,217,228,1) 100%);
background: -webkit-linear-gradient(top,  rgba(173,217,228,1) 0%,rgba(173,217,228,1) 100%);
background: linear-gradient(to bottom,  rgba(173,217,228,1) 0%,rgba(173,217,228,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#add9e4', endColorstr='#add9e4',GradientType=0 );

}

#customerparentOption2018 ul li .productChildOptionRadio, #customerparentOptionAllRound ul li .productChildOptionRadio {
  border-top: 1px solid #999999;
  background: #e5e5e5;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1ZTVlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  #e5e5e5 0%, #ffffff 100%);
  background: -webkit-linear-gradient(top,  #e5e5e5 0%,#ffffff 100%);
  background: linear-gradient(to bottom,  #e5e5e5 0%,#ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#ffffff',GradientType=0 );
  padding: 2px;
}

.quoteProductOption label {
  padding: 5px 0 5px 8px;
}

.quoteProductOptionCheckbox {
  padding: 5px 0;
  width: 20px;
}

.productOptionChild{
  font-size: 12px;
  padding: 2px 0 5px 20px;
}

.productOptionChildCheckbox {
  padding: 2px 0 5px 20px;
}


#productOptionTopTip {
  color: red;
  font-style: italic;
  font-size: 12px;
  text-align: center;
}

.customerDashboardBg {
  background-color: #edffff;
  width: 100%;
}

h3.quoteProductHeader{
  text-shadow: none;   
  margin: 3px 0 !important;
  padding: 2px 10px;
  font-size: 14px;
  color: #222;
  border: 1px solid #666666;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px; 
-webkit-box-shadow: inset 0px 0px 10px -4px rgba(0,0,0,0.75);
-moz-box-shadow: inset 0px 0px 10px -4px rgba(0,0,0,0.75);
box-shadow: inset 0px 0px 10px -4px rgba(0,0,0,0.75);  
background: rgb(167,199,220);
background: -moz-linear-gradient(top,  rgba(167,199,220,1) 0%, rgba(133,178,211,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(167,199,220,1)), color-stop(100%,rgba(133,178,211,1)));
background: -webkit-linear-gradient(top,  rgba(167,199,220,1) 0%,rgba(133,178,211,1) 100%);
background: -o-linear-gradient(top,  rgba(167,199,220,1) 0%,rgba(133,178,211,1) 100%);
background: -ms-linear-gradient(top,  rgba(167,199,220,1) 0%,rgba(133,178,211,1) 100%);
background: linear-gradient(to bottom,  rgba(167,199,220,1) 0%,rgba(133,178,211,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7c7dc', endColorstr='#85b2d3',GradientType=0 );
}

.quoteProductOptionBlock{
  /*float: left;
  width: 32%;*/
  padding: 10px;
  position: relative
}

.quoteProductTables h3.projectName{
  font-size: 18pt;
  color: #d40000;
}

.quoteProductTables {
  width: 100%;
  height: 100%;
-webkit-box-shadow: inset 0px 100px 40px -25px #c0ddef;
-moz-box-shadow: inset 0px 100px 40px -25px #c0ddef;
box-shadow: inset 0px 100px 40px -25px #c0ddef;
}

#updateNotificationWrapper{
  width: 160px;
  position: fixed;
  right: 0;
  z-index: 1000000000000;
}

.updateNotification {
  background-color: rgba(0, 197, 33, 0.84);
  position: relative;
  height: 50px;
  width: 150px;
  margin: 10px 0;
  color: #FFF;
  text-align: center;
  line-height: 50px;
  border: 1px solid #3e8c00;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px; 
  -webkit-box-shadow: 0px 0px 10px -4px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 0px 10px -4px rgba(0,0,0,0.75);
  box-shadow: 0px 0px 10px -4px rgba(0,0,0,0.75); 
  font-weight: bold;
  font-size: 13px;
}

.dashboardDiv{
    width: 24%;
    float: left;
}

#customerCorrespondenceProducts {
	max-height: 420px !important;
	overflow: auto;
	width: 400px;
}

#projFieldTable{
    font-size: 10px;
    max-width: 450px;
}

#projFieldTable th{
    text-align: left;
}

.projFieldLabel{
    font-weight: bold;
    padding-right: 5px;
}