@charset "utf-8";
@media print {
.noPrint {
display : none;
}
}
@font-face {
{
font-family : "'oswald-webfont'";
src : url('fonts/Oswald-Regular.ttf');
}
}
@font-face {
{
font-family : "'DroidSans'";
src : url('fonts/DroidSans.ttf');
}
}
.RoundGreenBox {
border : #9c0 solid thin;
border-radius : 15px;
box-shadow : 10px 10px 5px #888;
}
.BottomLine {
background-color : #eeeeee;
}
.MessageText {
border-radius : 10px;
box-shadow : 5px 5px 5px #888;
background-color:#FFC;
}
.style1 {
font-family : Arial, Helvetica, Geneva, sans-serif;
font-weight : bold;
}
.TitleBlack {
font-family : Arial, Helvetica, Geneva, sans-serif;
font-weight : bold;
font-size : 12px;
color : #000000;
}
.TitleRed {
font-family : Arial, Helvetica, Geneva, sans-serif;
font-weight : bold;
font-size : 12px;
color : #ff0000;
}
.styleNew1 {
font-family : Arial, Helvetica, Geneva, sans-serif;
font-weight : bold;
color : #990000;
}
.style3 {
font-family : Arial, Helvetica, Geneva, sans-serif;
font-weight : bold;
color : #ffffff;
}
.style15 {
color : #ffffff;
font-family : Arial, Helvetica, Geneva, sans-serif;
font-size : 10px;
}
.FN{font-size:16px; color:#000;}
.FNClientName{color: white;
			background-color: rgb(252, 162, 2);
			padding: 2px 7px;
			border-radius: 0px 20px 20px 0px;
			-moz-border-radius:0px 20px 20px 0px;
			-o-border-radius: 0px 20px 20px 0px;
 }
.FNBlack{
			color:white;
			background-color:#66AA10;
			padding: 2px 7px;
			border-radius: 0px 20px 20px 0px;
			-moz-border-radius:0px 20px 20px 0px;
			-o-border-radius: 0px 20px 20px 0px;
	}
	
.jobidcss{background-color: #9FB884;
color: white;
padding: 1px 3px;
border-radius: 0px 20px 20px 0px;
-webkit-border-radius: 0px 20px 20px 0px;
-o-border-radius: 0px 20px 20px 0px; }	

.DGreen {background-color:#090;}
.CloseStatus {
	background-color: rgb(81, 168, 12);
	color: white;
	border-radius: 50px;
	padding: 2px 5px;
	margin-right: 2px;}

.jobStatuscss {
	background-color: orange;
	padding: 5px 15px;
	top: 6px;
	position: relative;
	color: white !important;
	font-weight: bold;
	cursor: pointer;
	border-radius: 20px;
	box-shadow: 1px 2px 2px gray;
	border-left: 7px solid rgb(67, 104, 1);
	border-right: 7px solid rgb(67, 104, 1);
	text-shadow: 1px 2px 2px rgb(43, 41, 41);
	font-size: 12px;
	text-transform: uppercase;	
}
.jobStatcss {
	background-color: orange;
	padding: 5px 15px;
	top: 6px;
	position: relative;
	color: white !important;
	font-weight: bold;
	border-radius: 20px;
	box-shadow: 1px 2px 2px gray;
	border-left: 7px solid rgb(67, 104, 1);
	border-right: 7px solid rgb(67, 104, 1);	
}

.style17 {
font-family : Arial, Helvetica, Geneva, sans-serif;
font-size : 12px;
}
.TimeStyle {
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
color : #000000;
}
.LittleFont {
font-family : Arial, Helvetica, sans-serif;
font-size : 10px;
color : #ff6600;
}
.TitlePrn {
font-family : Arial, Helvetica, Geneva, sans-serif;
font-size : 12px;
color : #990066;
}
.Warning {
font-family : Arial, Helvetica, Geneva, sans-serif;
font-size : 12px;
color : rgb(250, 22, 22);
}
.style20 {
font-family : Arial, Helvetica, Geneva, sans-serif;
font-size : 16px;
color : #050200;
}
.BoldBrown {
font-family : Arial, Helvetica, Geneva, sans-serif;
font-size : 11px;
font-weight : bold;
color : #993300;
}
.NewsScroll2 {
font-family : Arial, Helvetica, Geneva, sans-serif;
font-size : 12px;
color : #006699;
}
.NewsScroll {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #f30;
}
.AMCScroll {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #fffffd;
    background-color: red;
    padding: 3px 10px;
}
.NewsBy {
font-family : Arial, Helvetica, Geneva, sans-serif;
font-size : xx-small;
color : #cc0000;
}
.style22 {
color : #5c7594;
}
.style25 {
font-size : 11px;
}
.style29 {
color : #ffffff;
font-size : x-small;
}
.style30 {
color : #333333;
font-size : x-small;
}
.style32 {
color : #ffffff;
}
.TableTitle {
font-size : 12px;
font-family : Arial, Helvetica, sans-serif;
color : #ffffff;
}
.style33 {
font-size : 12px;
font-family : Arial, Helvetica, sans-serif;
vertical-align : top;
}
.style34 {
font-family : Arial, Helvetica, Geneva, sans-serif;
font-size : x-small;
line-height : 12px;
text-indent : 2px;
vertical-align : middle;
visibility : visible;
height : auto;
}
.style53 {
color : #666666;
}
.tableRollOverEffect1 {
background-color : #317082;
color : #fff;
}
.tableRollOverEffect2 {
background-color : #eae1c8;
color : #000;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
line-height : 12px;
font-weight : normal;
text-decoration : none;
}
.tableRowClickEffect1 {
background-color : #fc6;
color : #f00;
}
.tableRowClickEffect2 {
background-color : #eeeca4;
color : #f00;
}
a:link {
color : #000099;
font-family : Arial, Helvetica, Geneva, sans-serif;
font-size : 12px;
line-height : 12px;
font-weight : normal;
text-decoration : none;
}
a:visited {
color : #000000;
font-family : Arial, Helvetica, Geneva, sans-serif;
font-size : 12px;
font-weight : normal;
line-height : 12px;
text-decoration : none;
}
a:hover {
color : #cc0000;
font-family : Arial, Helvetica, Geneva, sans-serif;
font-size : 12px;
line-height : 12px;
text-decoration : none;
}
a:active {
color : #f00;
font-family : Arial, Helvetica, Geneva, sans-serif;
font-size : 12px;
line-height : 12px;
font-weight : normal;
text-decoration : none;
}
h1, h2, h3, h4, h5, h6 {
font-family : Arial, Helvetica, Geneva, sans-serif;
}
h1 {
font-size : 16px;
color : #5c7594;
}
h2 {
font-size : 12px;
color : #333333;

}
h3 {
font-size : 12px;
color : #666666;
}
h4 {
font-size : 10px;
color : #415369;
}
h5 {
font-size : 9px;
color : #000000;
}
strong, b {
font-weight : 400;
}
input, textarea, keygen, select, button, isindex {
margin : 2px;
font-family : Arial, Helvetica, Geneva, sans-serif;
letter-spacing : normal;
word-spacing : normal;
line-height : normal;
text-transform : none;
text-indent : 2px;
text-shadow : none;
display : inline-block;
}
select, textarea, input[type="email"], input[type="password"], input[type="text"] {
background : none 0% 0% repeat scroll #fafafa;
border-color : #dbdbdb;
border-radius : 5px 5px 5px 5px;
border-style : solid;
border-width : 1px;
box-shadow : 0 2px 1px rgba(0, 0, 0, 0.1) inset;
padding : 2px 6px 2px 2px;
font-size : 12px;

}
input[type="checkbox"] {
width : 20px;
margin : 0;
display : inline-block;
}
.EmpPhoto {
    background-color: #fff;
    display: block;
    padding: 3px;
    box-shadow: 3px 2px 4px rgba(0, 0, 0, 0.18);
    margin-left: 5px;
}
.leftFaceTilt {
background-color : #ccc;
}
.rightFaceTilt {
background-color : #ddd;
left : 200px;
}
#Search {
background : none 0% 0% repeat scroll #fafafa;
border-color : #dbdbdb;
border-style : solid;
border-width : 5px;
box-shadow : 0 2px 1px rgba(0, 0, 0, 0.1) inset;
padding : 2px 6px 2px 2px;
}
.DisplayHead {
color : #484848;
font-weight : normal;
line-height : 100%;
margin : 0 0 12px;
}
.style36 {
font-size : 12px;
font-family : Arial, Helvetica, Geneva, sans-serif;
}
.style40 {
color : #000000;
font-family : Arial, Helvetica, Geneva, sans-serif;
font-size : 12px;
}
.style42 {
font-size : 12px;
}
.style47 {
font-family : Arial, Helvetica, Geneva, sans-serif;
}
.FAQAns {
font-size : 12px;
color : #333;
line-height : 16px;
margin : 10px;
font-family : Arial, Helvetica, Geneva, sans-serif;
}
.style48 {
font-size : 12px;
font-family : Arial, Helvetica, Geneva, sans-serif;
color : #cc6600;
}
.style49 {
font-size : 12px;
font-family : Arial, Helvetica, Geneva, sans-serif;
color : #333333;
}
.ReportTitle {
font-size : 12px;
font-weight : bold;
font-family : Arial, Helvetica, Geneva, sans-serif;
color : #900;
}
.style51 {
font-size : 12px;
font-weight : bold;
color : #cc3021;
}
.style52 {
font-size : 12px;
font-weight : bold;
color : #0e0303;
font-family : Arial, Helvetica, Geneva, sans-serif;
}
.style41 {
font-family : Arial, Helvetica, Geneva, sans-serif;
font-size : 12px;
}
.style54 {
color : #cc0000;
}
A.menulink {
display : block;
width : 210px;
padding : 0 2px;
text-align : left;
text-decoration : none;
font-family : Arial, Helvetica, Geneva, sans-serif;
font-size : 12px;
color : #000000;
border : none;
background-repeat : repeat-x;
}
A.menulink:hover {
font-family : Arial, Helvetica, Geneva, sans-serif;
font-size : 12px;
font-weight : bold;
color : red;
background-repeat : repeat-x;
}
.DivBoxStyle {
border-bottom-color : #999999;
border-bottom-style : groove;
border-bottom-width : thin;
border-left-color : #cccccc;
border-left-style : groove;
border-left-width : thin;
border-right-style : groove;
border-right-width : thin;
border-top-color : #cccccc;
border-top-style : groove;
border-top-width : thin;
}
.blinkytext {
font-size : 14px;
font-weight : bold;
color : #ff0000;
text-decoration : blink;
}
.RowBottomLine {
border-bottom-color : #999;
border-bottom-style : inset;
border-width : thin;
}
div.banner {
margin : 0;
font-size : 80%;
font-weight : bold;
line-height : 1.1;
position : relative;
top : 25em;
left : 5em;
width : 10em;
left : 2em;
background : #f90;
border : #666 thin;
}
div.banner p {
margin : 0;
text-align : center;
padding : 0.3em 0.4em;
font-family : Arial, sans-serif;
background : #900;
color : white;
}
div.banner a, div.banner em {
display : block;
margin : 0 0.5em;
}
div.banner a, div.banner em {
border-top : 1px groove #fff;
}
div.banner a:first-child {
border-top : none;
}
div.banner em {
color : #cfc;
}
div.banner a:link {
text-decoration : none;
color : #000;
}
div.banner a:visited {
text-decoration : none;
color : #900;
}
div.banner a:hover {
background : #f60;
color : white;
}
.SelectedMenu a:visited {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
line-height : 12px;
font-weight : bold;
padding-left : 5px;
padding-right : 5px;
height : 25px;
color : #f00;
vertical-align : middle;
}
.Seperator {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
line-height : 12px;
padding-left : 1px;
padding-right : 1px;
height : 25px;
color : #000;
vertical-align : middle;
}
.TopMenu a {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
line-height : 12px;
padding-left : 5px;
padding-right : 5px;
height : 25px;
color : #000;
vertical-align : middle;
}
.TopMenu a:visited {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
line-height : 12px;
padding-left : 5px;
padding-right : 5px;
height : 25px;
color : #000;
vertical-align : middle;
}
.TopMenu a:hover {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
line-height : 12px;
padding-left : 5px;
padding-right : 5px;
height : 25px;
color : #900;
}
.TopMenu a:active {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
line-height : 12px;
padding-left : 5px;
padding-right : 5px;
height : 25px;
color : #000;
}
.HeaderBack {
background-image : url(images/TopMenuBack01.jpg);
background-repeat : repeat-x;
}
.DispText {
padding : 0 10px 0 10px;
border : none;
font : normal 12px Arial, Helvetica, sans-serif;
color : #303030;
}
.TextBoxEntry {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
line-height : 1.2em;
color : #000;
}
.BlueText {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
font-weight : normal;
color : #006699;
}
table.table3 {
font-family : Arial;
font-size : 12px;
font-style : normal;
font-weight : normal;
text-transform : capitalize;
letter-spacing : -1px;
line-height : 1em;
text-align : left;
border-collapse : collapse;
}
.table3 thead th {
padding : 2px 2px;
text-transform : uppercase;
color : #444;
font-weight : bold;
border-bottom : 2px solid #444;
}
.table3 thead th:empty {
background : transparent;
border : none;
}
.table3 thead :nth-child(2 ), .table3 tfoot :nth-child(2 ) {
background-color : #7fd2ff;
}
.table3 tfoot :nth-child(2 ) {
border-bottom-left-radius : 5px;
}
.table3 thead :nth-child(2 ) {
border-top-left-radius : 5px;
}
.table3 thead :nth-child(3 ), .table3 tfoot :nth-child(3 ) {
background-color : #ccc;
}
.table3 thead :nth-child(4 ), .table3 tfoot :nth-child(4 ) {
background-color : #eee9d7;
}
.table3 thead :nth-child(5 ), .table3 tfoot :nth-child(5 ) {
background-color : #e6e6ff;
}
.table3 thead :nth-child(5 ) {
border-top-right-radius : 5px;
}
.table3 tfoot :nth-child(5 ) {
border-bottom-right-radius : 5px;
}
.table3 tfoot td {
font-size : 12px;
font-weight : bold;
padding : 2px 0;
text-shadow : #fff 1px 1px 1px;
}
.table3 tbody td {
padding : 0;
}
.table3 tbody tr:nth-child(4 ) td {
font-size : 26px;
font-weight : bold;
}
.table3 tbody td:nth-child(even ) {
background-color : #444;
color : #444;
border-bottom : 1px solid #444;
text-shadow : #fff 1px 1px 1px;
}
.table3 tbody td:nth-child(odd ) {
background-color : #555;
color : #f0f0f0;
border-bottom : 1px solid #444;
text-shadow : #000 1px 1px 1px;
}
.table3 tbody td:nth-last-child(1 ) {
border-right : 1px solid #222;
}
.table3 tbody th {
color : #696969;
text-align : right;
padding : 0 10px;
border-right : 1px solid #aaa;
}
.table3 tbody span.check::before {
content : url(../images/check2.png);
}

.tooltip:hover:after { 
	content: attr(rel);
	position: absolute;
	white-space: pre-wrap;
	text-align:left;
	background:rgba(225, 10, 7, 0.7);
	color: white;
	border-radius: 0px 8px 8px 8px;
	-moz-border-radius: 0px 8px 8px 8px;
	-webkit-border-radius: 0px 8px 8px 8px;
	border-color: #333;
	margin-left: -10px;
	margin-top: 25px;
	font-size: 12px;
	line-height: 12px;
	z-index: 99;
	padding: 5px;
	-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.04);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0.04);
}

/* cupid green (inspired by okcupid.com)
*******************************************************************************/
.cupid-green {
  background-color: #7fbf4d;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7fbf4d), color-stop(100%, #63a62f));
  background-image: -webkit-linear-gradient(top, #7fbf4d, #63a62f);
  background-image: -moz-linear-gradient(top, #7fbf4d, #63a62f);
  background-image: -ms-linear-gradient(top, #7fbf4d, #63a62f);
  background-image: -o-linear-gradient(top, #7fbf4d, #63a62f);
  background-image: linear-gradient(top, #7fbf4d, #63a62f);
  border: 1px solid #63a62f;
  border-bottom: 1px solid #5b992b;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 0 0 #96ca6d;
  box-shadow: inset 0 1px 0 0 #96ca6d;
  color: #fff;
  font: bold 11px/1 "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
  padding: 4px;
  text-align: center;
  text-shadow: 0 -1px 0 #4c9021;
 }
  .cupid-green:hover {
    background-color: #76b347;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #76b347), color-stop(100%, #5e9e2e));
    background-image: -webkit-linear-gradient(top, #76b347, #5e9e2e);
    background-image: -moz-linear-gradient(top, #76b347, #5e9e2e);
    background-image: -ms-linear-gradient(top, #76b347, #5e9e2e);
    background-image: -o-linear-gradient(top, #76b347, #5e9e2e);
    background-image: linear-gradient(top, #76b347, #5e9e2e);
    -webkit-box-shadow: inset 0 1px 0 0 #8dbf67;
    box-shadow: inset 0 1px 0 0 #8dbf67;
    cursor: pointer; }
  .cupid-green:active {
    border: 1px solid #5b992b;
    border-bottom: 1px solid #538c27;
    -webkit-box-shadow: inset 0 0 8px 4px #548c29, 0 1px 0 0 #eeeeee;
    box-shadow: inset 0 0 8px 4px #548c29, 0 1px 0 0 #eeeeee; }

/* cupid blue (inspired by okcupid.com)
*******************************************************************************/
.cupid-blue {
  background-color: #d7e5f5;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d7e5f5), color-stop(100%, #cbe0f5));
  background-image: -webkit-linear-gradient(top, #d7e5f5, #cbe0f5);
  background-image: -moz-linear-gradient(top, #d7e5f5, #cbe0f5);
  background-image: -ms-linear-gradient(top, #d7e5f5, #cbe0f5);
  background-image: -o-linear-gradient(top, #d7e5f5, #cbe0f5);
  background-image: linear-gradient(top, #d7e5f5, #cbe0f5);
  border-top: 1px solid #abbbcc;
  border-left: 1px solid #a7b6c7;
  border-bottom: 1px solid #a1afbf;
  border-right: 1px solid #a7b6c7;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 0 0 white;
  box-shadow: inset 0 1px 0 0 white;
  color: #1a3e66;
  font: normal 11px/1 "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
  padding: 4px;
  text-align: center;
  text-shadow: 0 1px 1px #fff;
}
  .cupid-blue:hover {
    background-color: #ccd9e8;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ccd9e8), color-stop(100%, #c1d4e8));
    background-image: -webkit-linear-gradient(top, #ccd9e8, #c1d4e8);
    background-image: -moz-linear-gradient(top, #ccd9e8, #c1d4e8);
    background-image: -ms-linear-gradient(top, #ccd9e8, #c1d4e8);
    background-image: -o-linear-gradient(top, #ccd9e8, #c1d4e8);
    background-image: linear-gradient(top, #ccd9e8, #c1d4e8);
    border-top: 1px solid #a1afbf;
    border-left: 1px solid #9caaba;
    border-bottom: 1px solid #96a3b3;
    border-right: 1px solid #9caaba;
    -webkit-box-shadow: inset 0 1px 0 0 #f2f2f2;
    box-shadow: inset 0 1px 0 0 #f2f2f2;
    color: #163659;
    cursor: pointer; }
  .cupid-blue:active {
    border: 1px solid #8c98a7;
    -webkit-box-shadow: inset 0 0 4px 2px #abbccf, 0 0 1px 0 #eeeeee;
    box-shadow: inset 0 0 4px 2px #abbccf, 0 0 1px 0 #eeeeee; }

/* blue pill (inspired by iTunes)
*******************************************************************************/
.blue-pill {
  background-color: #a5b8da;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a5b8da), color-stop(100%, #7089b3));
  background-image: -webkit-linear-gradient(top, #a5b8da, #7089b3);
  background-image: -moz-linear-gradient(top, #a5b8da, #7089b3);
  background-image: -ms-linear-gradient(top, #a5b8da, #7089b3);
  background-image: -o-linear-gradient(top, #a5b8da, #7089b3);
  background-image: linear-gradient(top, #a5b8da, #7089b3);
  border-top: 1px solid #758fba;
  border-right: 1px solid #6c84ab;
  border-bottom: 1px solid #5c6f91;
  border-left: 1px solid #6c84ab;
  border-radius: 18px;
  -webkit-box-shadow: inset 0 1px 0 0 #aec3e5;
  box-shadow: inset 0 1px 0 0 #aec3e5;
  color: #fff;
  font: bold 11px/1 "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
  padding: 8px 0;
  text-align: center;
  text-shadow: 0 -1px 1px #64799e;
  text-transform: uppercase;
  width: 150px; }
  .blue-pill:hover {
    background-color: #9badcc;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9badcc), color-stop(100%, #687fa6));
    background-image: -webkit-linear-gradient(top, #9badcc, #687fa6);
    background-image: -moz-linear-gradient(top, #9badcc, #687fa6);
    background-image: -ms-linear-gradient(top, #9badcc, #687fa6);
    background-image: -o-linear-gradient(top, #9badcc, #687fa6);
    background-image: linear-gradient(top, #9badcc, #687fa6);
    border-top: 1px solid #6d86ad;
    border-right: 1px solid #647a9e;
    border-bottom: 1px solid #546685;
    border-left: 1px solid #647a9e;
    -webkit-box-shadow: inset 0 1px 0 0 #a5b9d9;
    box-shadow: inset 0 1px 0 0 #a5b9d9;
    cursor: pointer; }
  .blue-pill:active {
    border: 1px solid #546685;
    -webkit-box-shadow: inset 0 0 8px 2px #7e8da6, 0 1px 0 0 #eeeeee;
    box-shadow: inset 0 0 8px 2px #7e8da6, 0 1px 0 0 #eeeeee; }

/* thoughtbot (inspired by thoughtbot.com)
*******************************************************************************/
.thoughtbot {
  background-color: #ee432e;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee432e), color-stop(50%, #c63929), color-stop(50%, #b51700), color-stop(100%, #891100));
  background-image: -webkit-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
  background-image: -moz-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
  background-image: -ms-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
  background-image: -o-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
  background-image: linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
  border: 1px solid #951100;
  border-radius: 5px;
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4), 0 1px 3px #333333;
  box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4), 0 1px 3px #333333;
  color: #fff;
  font: bold 20px/1 "helvetica neue", helvetica, arial, sans-serif;
  padding: 12px 0 14px 0;
  text-align: center;
  text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.8);
  width: 150px; }
  .thoughtbot:hover {
    background-color: #f37873;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f37873), color-stop(50%, #db504d), color-stop(50%, #cb0500), color-stop(100%, #a20601));
    background-image: -webkit-linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%);
    background-image: -moz-linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%);
    background-image: -ms-linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%);
    background-image: -o-linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%);
    background-image: linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%);
    cursor: pointer; }
  .thoughtbot:active {
    background-color: #d43c28;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d43c28), color-stop(50%, #ad3224), color-stop(50%, #9c1500), color-stop(100%, #700d00));
    background-image: -webkit-linear-gradient(top, #d43c28 0%, #ad3224 50%, #9c1500 50%, #700d00 100%);
    background-image: -moz-linear-gradient(top, #d43c28 0%, #ad3224 50%, #9c1500 50%, #700d00 100%);
    background-image: -ms-linear-gradient(top, #d43c28 0%, #ad3224 50%, #9c1500 50%, #700d00 100%);
    background-image: -o-linear-gradient(top, #d43c28 0%, #ad3224 50%, #9c1500 50%, #700d00 100%);
    background-image: linear-gradient(top, #d43c28 0%, #ad3224 50%, #9c1500 50%, #700d00 100%);
    -webkit-box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4);
    box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4); }

/* punch
*******************************************************************************/
.punch {
  background: #4162a8;
  border-top: 1px solid #38538c;
  border-right: 1px solid #1f2d4d;
  border-bottom: 1px solid #151e33;
  border-left: 1px solid #1f2d4d;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 10px 1px #5c8bee, 0px 1px 0 #1d2c4d, 0 6px 0px #1f3053, 0 8px 4px 1px #111111;
  box-shadow: inset 0 1px 10px 1px #5c8bee, 0px 1px 0 #1d2c4d, 0 6px 0px #1f3053, 0 8px 4px 1px #111111;
  color: #fff;
  font: bold 20px/1 "helvetica neue", helvetica, arial, sans-serif;
  margin-bottom: 10px;
  padding: 10px 0 12px 0;
  text-align: center;
  text-shadow: 0px -1px 1px #1e2d4d;
  width: 150px;
  -webkit-background-clip: padding-box; }
  .punch:hover {
    -webkit-box-shadow: inset 0 0px 20px 1px #87adff, 0px 1px 0 #1d2c4d, 0 6px 0px #1f3053, 0 8px 4px 1px #111111;
    box-shadow: inset 0 0px 20px 1px #87adff, 0px 1px 0 #1d2c4d, 0 6px 0px #1f3053, 0 8px 4px 1px #111111;
    cursor: pointer; }
  .punch:active {
    -webkit-box-shadow: inset 0 1px 10px 1px #5c8bee, 0 1px 0 #1d2c4d, 0 2px 0 #1f3053, 0 4px 3px 0 #111111;
    box-shadow: inset 0 1px 10px 1px #5c8bee, 0 1px 0 #1d2c4d, 0 2px 0 #1f3053, 0 4px 3px 0 #111111;
    margin-top: 58px; }

/* purple candy
*******************************************************************************/
.purple-candy {
  background-color: #9e76e8;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9e76e8), color-stop(50%, #7038e0), color-stop(50%, #6021de), color-stop(100%, #6224de));
  background-image: -webkit-linear-gradient(top, #9e76e8 0%, #7038e0 50%, #6021de 50%, #6224de 100%);
  background-image: -moz-linear-gradient(top, #9e76e8 0%, #7038e0 50%, #6021de 50%, #6224de 100%);
  background-image: -ms-linear-gradient(top, #9e76e8 0%, #7038e0 50%, #6021de 50%, #6224de 100%);
  background-image: -o-linear-gradient(top, #9e76e8 0%, #7038e0 50%, #6021de 50%, #6224de 100%);
  background-image: linear-gradient(top, #9e76e8 0%, #7038e0 50%, #6021de 50%, #6224de 100%);
  border-radius: 3px;
  color: #fff;
  font: bold 12px/1 "helvetica neue", helvetica, arial, sans-serif;
  padding: 10px 0 12px 0;
  text-align: center;
  text-shadow: 0px -1px 1px #473569;
  width: 150px;
  -webkit-background-clip: padding-box; }
  .purple-candy:hover {
    background-color: #8d69cf;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8d69cf), color-stop(50%, #6332c7), color-stop(50%, #551dc4), color-stop(100%, #561fc4));
    background-image: -webkit-linear-gradient(top, #8d69cf 0%, #6332c7 50%, #551dc4 50%, #561fc4 100%);
    background-image: -moz-linear-gradient(top, #8d69cf 0%, #6332c7 50%, #551dc4 50%, #561fc4 100%);
    background-image: -ms-linear-gradient(top, #8d69cf 0%, #6332c7 50%, #551dc4 50%, #561fc4 100%);
    background-image: -o-linear-gradient(top, #8d69cf 0%, #6332c7 50%, #551dc4 50%, #561fc4 100%);
    background-image: linear-gradient(top, #8d69cf 0%, #6332c7 50%, #551dc4 50%, #561fc4 100%);
    -webkit-background-clip: padding-box;
    cursor: pointer; }
  .purple-candy:active {
    background: #4a1aab;
    background: -moz-radial-gradient(50% 31% 0deg, circle cover, rgba(38, 76, 153, 0.4), rgba(11, 23, 46, 0.4)), -moz-linear-gradient(top, #7b5cb5 0%, #572bad 50%, #4a1aab 50%, #4b1bab 100%);
    background: -webkit-gradient(radial, 50% 20%, 75, 50% 50%, 0, from(rgba(38, 76, 153, 0.4)), to(rgba(11, 23, 46, 0.4))), -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #7b5cb5), color-stop(0.5, #572bad), color-stop(0.5, #4a1aab), color-stop(1, #4b1bab));
    color: #ddd;
    -webkit-background-clip: padding-box; }

/* shiny blue (inspired by rdio iphone interface)
*******************************************************************************/
.shiny-blue {
  background-color: #759ae9;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #759ae9), color-stop(50%, #376fe0), color-stop(50%, #1a5ad9), color-stop(100%, #2463de));
  background-image: -webkit-linear-gradient(top, #759ae9 0%, #376fe0 50%, #1a5ad9 50%, #2463de 100%);
  background-image: -moz-linear-gradient(top, #759ae9 0%, #376fe0 50%, #1a5ad9 50%, #2463de 100%);
  background-image: -ms-linear-gradient(top, #759ae9 0%, #376fe0 50%, #1a5ad9 50%, #2463de 100%);
  background-image: -o-linear-gradient(top, #759ae9 0%, #376fe0 50%, #1a5ad9 50%, #2463de 100%);
  background-image: linear-gradient(top, #759ae9 0%, #376fe0 50%, #1a5ad9 50%, #2463de 100%);
  border-top: 1px solid #1f58cc;
  border-right: 1px solid #1b4db3;
  border-bottom: 1px solid #174299;
  border-left: 1px solid #1b4db3;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 0 2px 0 rgba(57, 140, 255, 0.8);
  box-shadow: inset 0 0 2px 0 rgba(57, 140, 255, 0.8);
  color: #fff;
  font: bold 12px/1 "helvetica neue", helvetica, arial, sans-serif;
  padding: 7px 0;
  text-shadow: 0 -1px 1px #1a5ad9;
  width: 150px; }
  .shiny-blue:hover {
    background-color: #5d89e8;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5d89e8), color-stop(50%, #2261e0), color-stop(50%, #044bd9), color-stop(100%, #0d53de));
    background-image: -webkit-linear-gradient(top, #5d89e8 0%, #2261e0 50%, #044bd9 50%, #0d53de 100%);
    background-image: -moz-linear-gradient(top, #5d89e8 0%, #2261e0 50%, #044bd9 50%, #0d53de 100%);
    background-image: -ms-linear-gradient(top, #5d89e8 0%, #2261e0 50%, #044bd9 50%, #0d53de 100%);
    background-image: -o-linear-gradient(top, #5d89e8 0%, #2261e0 50%, #044bd9 50%, #0d53de 100%);
    background-image: linear-gradient(top, #5d89e8 0%, #2261e0 50%, #044bd9 50%, #0d53de 100%);
    cursor: pointer; }
  .shiny-blue:active {
    border-top: 1px solid #1b4db3;
    border-right: 1px solid #174299;
    border-bottom: 1px solid #133780;
    border-left: 1px solid #174299;
    -webkit-box-shadow: inset 0 0 5px 2px #1a47a0, 0 1px 0 #eeeeee;
    box-shadow: inset 0 0 5px 2px #1a47a0, 0 1px 0 #eeeeee; }

/* download itunes
   I wrote a blog post about creating this button:
   http://robots.thoughtbot.com/post/2718077289/make-css3-buttons-like-a-boss
*******************************************************************************/
.download-itunes {
  background-color: #52a8e8;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #52a8e8), color-stop(100%, #377ad0));
  background-image: -webkit-linear-gradient(top, #52a8e8, #377ad0);
  background-image: -moz-linear-gradient(top, #52a8e8, #377ad0);
  background-image: -ms-linear-gradient(top, #52a8e8, #377ad0);
  background-image: -o-linear-gradient(top, #52a8e8, #377ad0);
  background-image: linear-gradient(top, #52a8e8, #377ad0);
  border-top: 1px solid #4081af;
  border-right: 1px solid #2e69a3;
  border-bottom: 1px solid #20559a;
  border-left: 1px solid #2e69a3;
  border-radius: 16px;
  -webkit-box-shadow: inset 0 1px 0 0 #72b9eb, 0 1px 2px 0 #b3b3b3;
  box-shadow: inset 0 1px 0 0 #72b9eb, 0 1px 2px 0 #b3b3b3;
  color: #fff;
  font: normal 11px/1 "lucida grande", sans-serif;
  padding: 3px 5px;
  text-align: center;
  text-shadow: 0 -1px 1px #3275bc;
  width: 112px;
  -webkit-background-clip: padding-box; }
  .download-itunes:hover {
    background-color: #3e9ee5;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3e9ee5), color-stop(100%, #206bcb));
    background-image: -webkit-linear-gradient(top, #3e9ee5 0%, #206bcb 100%);
    background-image: -moz-linear-gradient(top, #3e9ee5 0%, #206bcb 100%);
    background-image: -ms-linear-gradient(top, #3e9ee5 0%, #206bcb 100%);
    background-image: -o-linear-gradient(top, #3e9ee5 0%, #206bcb 100%);
    background-image: linear-gradient(top, #3e9ee5 0%, #206bcb 100%);
    border-top: 1px solid #2a73a6;
    border-right: 1px solid #165899;
    border-bottom: 1px solid #07428f;
    border-left: 1px solid #165899;
    -webkit-box-shadow: inset 0 1px 0 0 #62b1e9;
    box-shadow: inset 0 1px 0 0 #62b1e9;
    cursor: pointer;
    text-shadow: 0 -1px 1px #1d62ab;
    -webkit-background-clip: padding-box; }
  .download-itunes:active {
    background: #3282d3;
    border: 1px solid #154c8c;
    border-bottom: 1px solid #0e408e;
    -webkit-box-shadow: inset 0 0 6px 3px #1657b5, 0 1px 0 0 white;
    box-shadow: inset 0 0 6px 3px #1657b5, 0 1px 0 0 white;
    text-shadow: 0 -1px 1px #2361a4;
    -webkit-background-clip: padding-box; }

[disabled].download-itunes,
[disabled].download-itunes:hover,
[disabled].download-itunes:active {
  background-color: #dadada;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dadada), color-stop(100%, #f3f3f3));
  background-image: -webkit-linear-gradient(top, #dadada, #f3f3f3);
  background-image: -moz-linear-gradient(top, #dadada, #f3f3f3);
  background-image: -ms-linear-gradient(top, #dadada, #f3f3f3);
  background-image: -o-linear-gradient(top, #dadada, #f3f3f3);
  background-image: linear-gradient(top, #dadada, #f3f3f3);
  border-top: 1px solid #c5c5c5;
  border-right: 1px solid #cecece;
  border-bottom: 1px solid #d9d9d9;
  border-left: 1px solid #cecece;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #8f8f8f;
  cursor: not-allowed;
  text-shadow: 0 -1px 1px #ebebeb; }

.download-itunes::-moz-focus-inner {
  border: 0;
  padding: 0; }

/* skip (inspired by okcupid iphone interface)
*******************************************************************************/

.ButtonDiv {
	padding: 4px;
	text-align: center;
	cursor: pointer;
	margin-right: 7px;
	border: 1px solid gray;
}

#ClientPALDiv {
	max-height:250px;
	height:auto;	
	width: 16%;
	z-index: 100;
	position: absolute;
	left: 10px;
	top: 75%;
	background-color: rgb(252, 248, 226);
	border: 1px solid rgb(197, 192, 192);
	padding: 10px;
}

.PALClass {
	padding: 7px;
	background-color: red;
	color: white;
	font-size: 16px;
	text-align: center;
	margin-top: 10px;
	box-shadow: 1px 2px 2px 2;
}

#divSummary01 {
	width:90%;
	height:500px;
	background-color:white;
	border:1px solid gray;
	margin: 10px;
	padding: 10px;
	font-family:Arial, Helvetica, sans-serif;
	overflow:auto;
		
}

#divSummary02 {
	width:95%;
	height:500px;
	background-color:white;
	border:1px solid gray;
	margin-left: 0px;
	padding: 10px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:9px;
	overflow:auto;
		
}

#divSummary01 h1, #divSummary02 h1 {
	height: 36px;
	color: #fff;
	font-size: 13px;
	background-color: #404040;
	margin: -10px;
	text-align: center;
	line-height: 32px;
}

#divSummary01 tr th, #divSummary02 tr th {
	background-color:#CCC;
	font-weight:100;
	font-size:14px;
}
#divSummary01 tr td, #divSummary02 tr td {
	/*background-color:#F3F3F3;*/
	border-bottom:2px solid white;

}
#divSummary01 tr td {
	font-size:14px;
	line-height:30px;

}
#divSummary02 tr td {
	font-size:12px;
	line-height:14px;

}
#divSummary02 tr:nth-child(even) { background-color:#F3F3F3;}
#divSummary02 tr:nth-child(odd) {background-color: #FFF;}

.UnderJob
{	height: auto;
	width: 100%;
	background-color: #F35112;
	color: rgb(252, 251, 247);
	padding: 5px;
	font-family: Arial, Tahoma;
	font-size: 13;
	font-weight: bold;
	}
.CountDiv {
	float: left;
	background-color: #F90;
	color: rgb(245, 248, 250);
	padding: 5px 15px;
	border-radius: 0px 20px 20px 0px;
	margin-top: -8px;
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, Tahoma;
	}
#QMessageDiv{ background-color:#FF9; color:#900; font-family:Arial, Helvetica, sans-serif; font-size:12px; width:auto; text-align:center;}


.CallBut {
	background-color: #21A83B;
	border-bottom: 1px solid #5b992b;
	border-radius: 3px;
	box-shadow: inset 0 1px 0 0 #96ca6d;
	color: #fff;
	padding: 4px;
	text-align: center;
}

.RType{
	font-size: 11px;
    font-weight: bold;
    color: red;
    min-width: 100px;
    display: inline-block;
}