/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Copyright: Winscribe Inc. Ltd. (NZ)    Web site: http://www.winscribe.com *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */


/* 
Date: 2004-5-14, User: spatel, issue: N/A 
Change: Switched to new "green" color scheme.
*/

body
{
	color: #000000;
	background-color: #ffffff;
	margin-top: 0;
	margin-left: 2px;
	margin-bottom: 0;
	margin-right: 2px;
    font-family: Verdana;
    font-size: 11px;
}
.sbttn {
    padding: 2px 17px;
}

a {
	color: #000000;
	text-decoration: underline;
}

a:hover {
	color: #0000aa; /*#ff9900;*/
	text-decoration: none;
}

a:active {
	color: #ff0000;
}

td {
	font-size: 11px;
	font-family: 'verdana';
}

.TextSmall {
	font-family: Tahoma;
	font-size: 10px;
}

.HeaderLink {
	color: #000000;
	font-family: Tahoma;
	font-size: 11px;
}

.TextSmallWhite {
	color: #ffffff;
	font-family: Tahoma;
	font-size: 11px;
}

.TextSmallRed {
	color: #ff0000;
	font-family: Tahoma;
	font-size: 11px;
}

.TextSmallBlack {
font-family: Verdana;
font-size: 10px;
margin-top: 7px;
display: block;
}

.BigErrorText {
	color: #ff0000;
	font-family: Verdana;
	font-weight: bold;
	font-size: 20px;
}

.CellTopSpacing1 {
	padding-top: 1px;
}

.PageTitle {
font-size: 18px;
display: block;
line-height: 29px;
color: #245B80;
margin-top: 19px;
border-bottom: 1px dotted #A8C0E3;
}

.PrintPageTitle {
	text-align: center;
	font-size: 14px;
	font-weight: bolder;
}
.TableWS {
	/*border-top: #9999CC 1px solid;  	border-right: #9999CC 1px solid; */
}


/* Date: 6th October 2004, Developer: spatel *
/* Added a new header cell style for header cell w/o checkbox. 
   The height for this cell is specified.
*/
.CellHeader,
.CellHeaderWithHeight {
	padding: 2px 3px;
	background-color: #C8D9F2;
	color: #181818;
	background-repeat: repeat-x;
	height: auto;
	border-bottom:10px solid white;
	border-top:10px solid white;
	font-weight: normal;
	background-image:url(img/bullet.png);
	background-repeat:no-repeat;
	padding-left:24px;
	background-position:left 50%;
	line-height: 29px;
}

.CellSubHeader {
	background-color: #E1ECFC;
	padding: 2px 3px 2px 12px;
	line-height: 20px;
	border-bottom: 10px solid white;
	border-top: 10px solid white;
	font-weight: normal;
	line-height: 29px;
}

#multiDepartmentControls {
margin-top:20px;
}
#multiDepartmentControls table {
width:100%;
}

/* Date: 6th October 2004, Developer: spatel *
/* Added a new header cell style for Cell-0 w/o checkbox. 
   The height for this cell is specified.
*/
.Cell-0, .Cell-0-Priority, .Cell-0-WithHeight {
	/*border-left: #9999cc 1px solid; 	border-bottom: #9999cc 1px solid; */
	padding-top: 2px;
	padding-left: 27px;
	padding-bottom: 2px;
	padding-right: 3px;
	background-color: #ffffff;
}
.Cell-0-WithHeight {
	height: 25px;
}
.Row-0, .Row-0-WithHeight, .Row-0-WithHeight-Hover {
	cursor: default;
	padding: 2px 3px 2px 27px;
	background-color: #ffffff;
}
.Row-0-WithHeight, .Row-0-WithHeight-Hover {
	height: 25px;
}
.Row-0-WithHeight-Hover {
	background-color: #B9D1F4;
}
.Cell-0-Priority {
	font-weight: bold;
}


/* Date: 6th October 2004, Developer: spatel *
/* Added a new header cell style for Cell-0 w/o checkbox. 
   The height for this cell is specified.
*/
.Cell-1, .Cell-1-Priority, .Cell-1-WithHeight {
	/*border-left: #9999cc 1px solid; 	border-bottom: #9999cc 1px solid; */ /*background-color: #e0dfed; */ /*background-color: #d8e0be;*/
	background-color: #e1ecfc; /*NEW BLUE*/
	padding-top: 2px;
	padding-left: 27px;
	padding-bottom: 2px;
	padding-right: 3px;
}
.Cell-1-WithHeight {
	height: 25px;
}
.Row-1, .Row-1-WithHeight, .Row-1-WithHeight-Hover {
	cursor: default;
	padding: 2px 3px 2px 27px;
	background-color: #e1ecfc;
}
.Row-1-WithHeight, .Row-1-WithHeight-Hover {
	height: 25px;
}
.Row-1-WithHeight-Hover {
	background-color: #B9D1F4;
}
.Cell-1-Priority {
	font-weight: bold;
}

.PrintCellHeader {
	background-color: #eeeeee;
	padding-top: 5px;
	padding-left: 2px;
	padding-bottom: 5px;
	padding-right: 2px;
	font-weight: bold;
}
.PrintCell {
	padding-top: 3px;
	padding-left: 1px;
	padding-bottom: 3px;
	padding-right: 1px;
	background-color: White;
}

.tab {
	font-family: 'verdana';
	font-size: 10px;
	color: #ffffff;
	background-color: #9999cc;
	padding-top: 2px;
	padding-left: 3px;
	padding-bottom: 2px;
	padding-right: 3px; /*width: auto; 	width: 100%;*/
	text-decoration: none;
	border-top: 0px;
	border-right: 0px;
	border-bottom: 0px;
	border-left: 0px;
}

.tablink {
	display: inline; /*mandatory*/
	margin-right: 5px;
	padding-left: 0px;
	padding-right: 0px;
	text-decoration: none;
	font-weight: bold;
	display: block;
	color: #0000ff;
}



.OuterMostGrid {
	/*background-color: #efefef; */
	width: 960px;
	margin: 0 auto;
}

.div-spacer {
    width: 100%;
    height: 15px;
    float: left;  
}

.div-large-spacer {
    width: 100%;
    height: 30px;
    float: left;  
}

.div-standard
{
    width: 100%;
    height: auto;
    float: left;
}



/* BUTTONS */ 

/* Common styles: */
#btnCancel, #btnCancel2,
Input[type="Submit"]#UpdateButton,
Input[type="Submit"]#AddButton,
Input[type="Submit"]#AddCancelButton,
input#AddCancelButton,
Input#btnDelete,
input.cancelButton
{
    height: 24px;
    margin: 2px 5px 2px 0px;

    background-repeat: no-repeat;
    background-position: left;
    background-color: darkgray;
    color: whitesmoke;
    
    border-style: none;
    -webkit-border-radius: 4px; /*safari and Chrome*/
    -moz-border-radius: 4px; /*Mozilla*/
    border-radius: 4px;

	cursor:pointer;
}


/* Update button icon */
Input[type="Submit"]#UpdateButton 
{
    width: 110px;
    background-color: steelBlue;
    text-align: center;
}
    
/* add button icon */
Input[type="Submit"]#AddButton
{
    width: 110px;
    background-color: steelBlue;
    text-align: center;
}
    
/* cancel button */
Input[type="Submit"]#AddCancelButton,
input#AddCancelButton 
{
    width: 110px;
    background-color:darkGray;
    text-align: center;
}
    
/* delete button */
Input[type="Submit"]#DeleteUpdateButton,
input#DeleteUpdateButton  
{
    width: 110px;
    text-align: center;
}
    
/* delete button NO icon */
Input[type="Submit"]#DeleteUpdateButton,
Input#btnDelete {
    margin:2px 10px;
}



Input#btnCancel 
{
    margin-top:2px; 
    margin-bottom:2px;
}
    
    
  /* normal button blue */
    Input[type="Submit"],
    Input#btnAdd2,
    Input#btnAdd,
    Input#btnSearch,
    input#btnExport,
    input#btnPreview,
    input#UpdateButton,
    input#btnUpdate2,
    input#btnUpdate,
    input#btnBrowse,
    input#buttonSearch,
    #buttonSearch,
    input#AddButton,
    input#btnApplyDefaults,
    input#btnUpload,
    input#btnUpload2,
    input#btnUpdateWorkflow,
    input#btnUpdateWorkflowStep,
    input#btnAddWorkflowStep,
    input#btnSendPassword,
    input#btnDelete,
    input#DeleteUpdateButton
    {
		height: 24px;
		margin: 2px 5px 2px 0px;
		padding:2px 20px;
		background-repeat: no-repeat;
        background-position: left;
        background-color: steelblue;
        color: whitesmoke;
        border-style: none;
        -webkit-border-radius: 4px; /*safari and Chrome*/
        -moz-border-radius: 4px; /*Mozilla*/
        border-radius: 4px;
		cursor:pointer;
     }


/* Hover BLUE for buttons */
Input[type="Submit"]:hover,
Input#btnAdd2:hover,
Input#btnAdd:hover,
Input#btnSearch:hover,
input#btnExport:hover,
input#btnPreview:hover,
input#UpdateButton:hover,
input#btnUpdate2:hover,
input#btnUpdate:hover,
input#btnBrowse:hover,
input#buttonSearch:hover,
#buttonSearch:hover,
input#AddButton:hover,
input#btnApplyDefaults:hover,
input#btnUpload:hover,
input#btnUpload2:hover,
input#btnUpdateWorkflow:hover,
input#btnUpdateWorkflowStep:hover,
input#btnAddWorkflowStep:hover,
input#btnSendPassword:hover,
Input[type="Submit"]#DeleteUpdateButton:hover,
Input[type="Submit"]#AddButton:hover,
Input[type="Submit"]#UpdateButton:hover,
Input[type="Submit"]#DeleteUpdateButton:hover,
Input#btnDelete:hover,
input#DeleteUpdateButton:hover
{
    background-color:#236397;
    -webkit-border-radius: 4px; /*safari and Chrome*/
    -moz-border-radius: 4px; /*Mozilla*/
    border-radius: 4px;
}

/* hover GREY buttons hover */
Input[type="Submit"]#AddCancelButton:hover,
input#AddCancelButton:hover,
#btnCancel:hover, #btnCancel2:hover,
Input[type="Submit"]#AddCancelButton:hover,
input#AddCancelButton:hover,
input.cancelButton:hover 
{
    background-color:#818181;
    -webkit-border-radius: 4px; /*safari and Chrome*/
    -moz-border-radius: 4px; /*Mozilla*/
    border-radius: 4px;
}

.rightFloatContainer #AddCancelButton:hover { 
    background-color:#818181;
    -webkit-border-radius: 4px; /*safari and Chrome*/
    -moz-border-radius: 4px; /*Mozilla*/
    border-radius: 4px;
}


/* vertical alignment for "search" button IE7 */
*+Input#btnSearch {margin-bottom:0px;}

/* END BUTTONS */ 





.itemstyle
{
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #C0C0C0;
}

/* [CS 18-08-2010] Added for the AdUserSearch page */
.DomainSearchTable {
	width: 500px;
	height: 445px;
}
/* End [CS 18-08-2010] */

.AlphaMask {
	text-transform: uppercase;
}

.MenuGroup {
	background-color: #34A3F9;
	border: 2px;
	border-style: outset;
}

.MenuGroup1 {
	/*background-color:#34A3F9;   border:1px;    border-color:#34A3F9;   border-style:solid;*/
}

.MenuItem {
	font-family: MS Sans Serif;
	font-size: 9px;
	padding: 3px;
	padding-left: 12px;
	padding-right: 12px;
	cursor: hand; /*default */
}
.MenuItem1 {
	font-family: MS Sans Serif;
	font-size: 9px;
	padding: 3px;
	padding-left: 12px;
	padding-right: 12px;
	cursor: hand; /*default */
	border: 1px;
	border-style: inset;
}

.MenuItemOver {
	background-color: #34A3F9;
	color: white;
	font-family: MS Sans Serif;
	font-size: 9px;
	padding: 3px;
	padding-left: 12px;
	padding-right: 12px;
	cursor: hand;
}

.DisabledMenuItem {
	color: Gray;
	font-family: MS Sans Serif;
	font-size: 9px;
	padding: 3px;
	padding-left: 12px;
	padding-right: 12px;
	cursor: hand;
}

.DisabledMenuItemOver {
	background-color: #000080;
	color: gray;
	font-family: MS Sans Serif;
	font-size: 9px;
	padding: 3px;
	padding-left: 12px;
	padding-right: 12px;
	cursor: default;
}
.MenuBreak {
	padding: 0px;
}

.Menu {
	background-color: /*#3F3F3F*/ /*#003399*/ /*#9999cc*/ #34A3F9;
	color: white;
	font-family: verdana;
	font-size: 12px;
	padding: 2px;
	padding-left: 5px;
	padding-right: 15px;
	border: 1px;
	border-style: solid;
	cursor: hand;
}

.MenuOver {
	background-color: /*#3B5386*/ #34A3F9;
	color: white;
	font-family: verdana;
	font-size: 12px;
	padding: 2px;
	padding-left: 5px;
	padding-right: 15px;
	border: 1px;
	border-left-color: #34A3F9;
	border-top-color: #34A3F9;
	border-right-color: black;
	border-bottom-color: black;
	border-style: ridge;
	cursor: hand;
}

.MenuDown {
	background-color: /*#3B5386*/ #34A3F9;
	color: white;
	font-family: verdana;
	font-size: 12px;
	padding: 2px;
	padding-left: 5px;
	padding-right: 15px;
	border: 1px;
	border-right-color: #8A99BA;
	border-bottom-color: #8A99BA;
	border-left-color: black;
	border-top-color: black;
	border-style: solid;
	cursor: hand;
}

.NotesTextarea {
	font-family: 'MS Sans Serif';
	font-size: 13px;
	/* width: 560px; */
	width: 94%;
	height: 40px;
}

.NotesTextareaSmall {
	font-family: 'MS Sans Serif';
	font-size: 13px;
	width: 440px;
	height: 40px;
}

.MultiList {
	font-family: Verdana;
	font-size: 9px;
	width: 250px;
}

.CellJobSearchResultHeader {
	background-color: #adc481; /*#d8e0be*/
	font-family: Tahoma;
	font-size: 15px;
	font-weight: bold;
}

.CellJobSearchResultSubHeader {
	background-color: #cccccc; /*#efefef*/
	font-family: Tahoma;
	font-size: 12px;
}

/**
 * Developer: David Moore <david at digitalgenus dot com>
 * Date: 28 Jul 2006
 * New styles for AuthorJobUpload.aspx, for the multi job upload enhancement
*/
.JobOptionsHeader, .JobOptionsHeaderExpanded, .JobOptionsHeaderCollapsed {
	padding-top: 2px;
	padding-left: 3px;
	padding-bottom: 2px;
	padding-right: 3px;
	margin-bottom: 2px;
	font-weight: bold;
	background-color: #a8c0e3;
	display: block;
	color: #5f5f5f;
	overflow: auto;
	height: auto;
}
.JobOptionsHeaderExpanded {
	padding-left: 13px;
	cursor: default;
	background: #e1ecfc url(img/minus.gif) no-repeat;
	background-position: 2px 4px;
	overflow: auto;
	height: auto;
}
.JobOptionsHeaderCollapsed {
	padding-left: 13px;
	cursor: default;
	background: #e1ecfc url(img/plus.gif) no-repeat;
	background-position: 2px 4px;
	overflow: auto;
	height: auto;
}
.JobOptionsExpanded {
	visibility: visible;
	display: block;
	width: 100%;
	overflow: auto;
	height: auto;
}
.JobOptionsCollapsed {
	visibility: hidden;
	display: none;
	width: 100%;
}
.JobContainer {
	margin-top: 5px;
	width: 100%;
	border: solid 1px #809DB9;
	overflow: auto;
	height: auto;
}
.JobExpanded {
	visibility: visible;
	display: block;
	overflow: auto;
	height: auto;
}
.JobCollapsed {
	visibility: hidden;
	display: none;
	overflow: auto;
	height: auto;
}


/**
 * Developer: Yisela Alvarez Trentini
 * Date: Sept 2012
*/

#radPromptSet label,
#radJobPriority label,
#rdoSortOrder label,
#rdoReportType label,
#rdoOptions label,
#radTypistManager label,
#radJobType label,
#radDepartment label,
#radAuthor label,
#radTypist label,
#radTypistGroup label,
#radJobStatus label {
vertical-align: 12%;
margin:0px 10px 0px 2px;
}

img#spanImage {
margin-left: -13px;
}

img#spanImage1 {
margin-left: -13px;
}

.CellFooter {
background-image:none;
}

#properties input[type=checkbox] {
margin-right: 5px;
}

span#lblRole {
margin-bottom: 18px;
display: block;
}
select#lstRole {
margin-bottom: 20px;
}

#srBaseLanguage {
margin:14px 5px 14px 0px;
display:inline-block;
}

#tblRecords tbody tr:first-child td {
padding-left: 27px;
background-image:none;
}
/* #tblRecords tbody tr:first-child td:first-child {
padding-left: 3px;
} */

#txtDomainUser {width:155px;}

#ImageButton1, #ibnDomainClear {
margin-left: 3px;
margin-bottom: -3px;
}

.Cell-0 {padding-left: 27px; }
.Cell-1 {padding-left: 27px; }

#properties .Cell-0 input,
#properties .Cell-0 select {
/* max-width:120px; */
}

.Cellx3 select {
width:100px;
}

#multiDepartmentControls table {
margin-top:20px;
}


#lstDepartment {
/* margin-left:10px; */
}

.MultipleInputs input,
.MultipleInputs select {
width:100px;
}

.MultipleInputs td.Cell-0 {
padding-left:0px;
width:110px;
}

#lstPrompt {width:100px;}

.PermissionsBoxes tr {

}
.PermissionsBoxes td.Cell-0 {
padding-left:0px;
width:180px !important;
min-width:180px;
}


#textDate1, #textDate2 {width:90px;}
.PickDate td.Cell-0 {padding-left:3px;}
#Label9 {
margin-top: 13px;
margin-bottom:10px;
display: block;
color:#8D8D8D;
}
    .noHeight #Label9
    {
        margin-top:0px;
        margin-bottom:0px;
        color:black;
    }
#frmTimeOuts #Label9 {
color:black;
}

#txtAlarmAgain {width:40px;}
#lblPriority, #lblAlarmType {font-weight:normal;}
#alarmFor {display:table-cell !important}
#lblNotes {
line-height: 28px;
padding-left: 31px;
font-weight: normal !important;
}

#txtDateFrom, #txtDateTo {width:120px;}

#lstTypingSchedule, #textListPageSize {width:163px;}

#lblMaxPasswordAge, 
#lblPasswordHistory,
#lblLockoutDuration,
#lblMinPasswordLength,
#lblInactivityTimeout,
#lblClientAppTimeout {
padding-left: 27px;
}

#chkForceChangeFirstLogon,
#chkComplexityRequirements,
#chkAlwaysTypePassword {
margin-left: 30px;
}

.KeyTemplates select {width:100px;}
.KeyTemplates input {margin-left:10px;}
.KeyTemplates td {padding-left:27px;}

table.AuthorRoleBoxes td.Cell-0 {
padding-left:27px;
width:123px !important;
min-width:123px;
}

#lblWorkflow, #lblSelectJobsTo {padding-left:27px;}
#lblDescription, #txtDescription {margin-top:10px; display:block}

#ddlTypistGroupId {margin-top:10px;}

#lstTypistFrom, #lstTypistTo {width:100px; float: right;}
#lblFromR {float:left;}

.invoiceReportInputs #lstTypistFrom, 
.invoiceReportInputs #lstTypistTo {width:150px; float: left;}

.invoiceReportInputs #lblFromR,
.invoiceReportInputs #lblTo {float: left;}

.bottomSeparator
{border-bottom: 10px solid white;
}


input.centeredIcons {vertical-align:top;}


/* Date picker */

.tableFixedHeight {height:188px !important;}

table.tableFixedHeight table {border:0px solid #ffffff !important; border-spacing:0px !important; } 
table.tableFixedHeight a {text-decoration:none;} 

table.tableFixedHeight tbody tr td font font div table td {border:none; border:0; border-spacing:0; padding: 2px 3px; min-width:20px; text-align:center;} 

table.tableFixedHeight tbody tr td font font div table td font a {width: 26px; height: 15px; display: block; text-align:center; padding-bottom: 1px;} 
table.tableFixedHeight tbody tr td font font div table td font a:hover {font-weight:bold; color:white; background-color:#A8C0E3; } 

.closeClass {line-height:20px;padding-right:5px;}
.titleClass tbody tr td {padding-left:5px;}

.monthClass {text-align: center;line-height: 19px;display: block;}
.monthClass table tbody tr td a:hover {color:steelBlue;}

/* IE 7 */
*table.tableFixedHeight tbody tr td font font div table td {padding: 0px 3px;} 
*table.tableFixedHeight tbody tr td font font div table td font a {height: 17px;} 
*table.tableFixedHeight tbody tr td font font div table td font a:hover {font-weight: normal;}

/* All IE - Use absolute instead of fixed */
*+html #overDiv { position: absolute !important;}

#overDiv{    position: absolute !important;}
.overDivMultiple{    margin-left: 0px !important;}



/* Web Manager Templates */

table.templatesTableCont td {
    height:30px;
}

a.baseButton,
button.templSave {
    height: 30px;
    line-height:30px;
    border-style: none;
    background-repeat: no-repeat;
    background-position: left;
    background-color: steelBlue;
    color: whiteSmoke;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-right: 5px;
    cursor: pointer;
    display: inline-block;
    padding:0px 30px;
    text-decoration:none;
    margin-top: 20px;
}

a.baseButton:hover,
button.templSave:hover,
a.baseButton:hover {
    background-color:#2A5E8A;

    -webkit-border-radius: 4px; /*safari and Chrome*/
    -moz-border-radius: 4px; /*Mozilla*/
    border-radius: 4px;
}

a.baseButton.btCancel {
    background-color: darkGray;
    padding:0px 20px;
    margin-right: -22px;

    -webkit-border-radius: 4px; /*safari and Chrome*/
    -moz-border-radius: 4px; /*Mozilla*/
    border-radius: 4px;
}
a.baseButton.btCancel:hover {
    background-color: gray;

    -webkit-border-radius: 4px; /*safari and Chrome*/
    -moz-border-radius: 4px; /*Mozilla*/
    border-radius: 4px;
}




a.baseButtonLeft {float:left;}

#templates_wrapper .Cell-0 {
text-align:left;
}

.btEdit,
.btDelete {
    background-color: #E6E6E6;
    text-decoration: none;
    display: inline-block;
    padding: 5px 20px;
    border-radius: 5px;
    cursor: pointer;
    border-width: 0;
}
.btDelete {
    margin-right:20px;
}

.btEdit:hover {
    background-color: #7EC497;
    color:white;
    -webkit-border-radius: 4px; /*safari and Chrome*/
    -moz-border-radius: 4px; /*Mozilla*/
    border-radius: 4px;
}
.btDelete:hover {
    background-color: #EEA1A1;
    color:white;
    -webkit-border-radius: 4px; /*safari and Chrome*/
    -moz-border-radius: 4px; /*Mozilla*/
    border-radius: 4px;
}


td.btCell {
    width: 70px;
    padding-left: 0px;
}

td.Cell-0.cellLeft {padding-top:10px;}
td.Cell-0.CellRight {text-align:right;}
td.Cell-0.CellBottom {padding-bottom:10px;}

.templBkgr {background-color:whiteSmoke;}


#templates_wrapper .CellSubHeader {
    border-bottom: 10px solid whiteSmoke;
    border-top: 10px solid whiteSmoke;
    background-color:#CFCFCF;
}

table.templSubTable {
    border-spacing: 0px;
}

.templSubTable td.Cell-0 {
    /* padding-left:0px !important;  */
    background-color:transparent;
}

.templBox {
    margin-top: 20px;
    width: 97%;
    border: 1px solid #CCC;
    height: auto;
    padding: 10px 0px;
    background-color: whiteSmoke;
    margin-bottom: 20px;
}
.templBox a.btDelete {
    margin-right: 0px;
}


.templBox a.baseButton.baseButtonLeft {margin-left:3px;}

.templRow {
    width:100%;
    height:40px;
    clear:both;
    padding-left: 20px;
    padding-bottom:12px;
}
.templSave {
    text-align: right;
    padding-left: 0px; 
    padding-right: 20px;
    margin-left: 20px;
    border-top: 1px dotted #CCC;
    width: 92%;
    margin-top: 15px;

    -webkit-border-radius: 4px; /*safari and Chrome*/
    -moz-border-radius: 4px; /*Mozilla*/
    border-radius: 4px !important;
    position: relative; /* must set to position relative to support ie8 */
}

.templSave a.baseButton {
    margin-top: 16px;

    -webkit-border-radius: 4px; /*safari and Chrome*/
    -moz-border-radius: 4px; /*Mozilla*/
    border-radius: 4px !important;
    position: relative; /* must set to position relative to support ie8 */
}

a.baseButton.addTemplate {margin-left:20px;}

.templateLabel {margin-right:10px; margin-left: 23px;}

.templSettContainer {
width: 94%;
height: 30px;
margin-left: 23px;
background-color: #CFCFCF;
margin-top: 20px;
margin-bottom: 14px;
}
.templSettContainer span {
width: 217px;
display: inline-block;
height: 30px;
line-height: 30px;
padding-left: 15px;
}


.templSettSubContainer {
width: 94%;
height: 24px;
margin:5px 0px 5px 23px;
}
.templSettSubContainer span {
width: 200px;
display: inline-block;
height: 30px;
line-height: 30px;
padding-left: 15px;
}

.templSettSubContainer input {margin-left:23px;}

#settingsTree {
display: table;
width: 100%;
}

button.templSave {
    width:auto; float:right;
    margin-left:10px;

    -webkit-border-radius: 4px; /*safari and Chrome*/
    -moz-border-radius: 4px; /*Mozilla*/
    border-radius: 4px;
    position: relative; /* must set to position relative to support ie8 */
}
button.templSave {
    padding:0px 40px;

    -webkit-border-radius: 4px; /*safari and Chrome*/
    -moz-border-radius: 4px; /*Mozilla*/
    border-radius: 4px;
    position: relative; /* must set to position relative to support ie8 */
}


#configurationTree {
    -webkit-padding-start: 0px;
}

.configContainer {
    clear: both;
    height: 36px;
    line-height: 36px;
    margin-left: 0px;
    /*background-color: whiteSmoke;*/
    border-bottom: 1px solid #e5e5e5;
    background-image:url(img/bullets.png);
    background-position: -8px -4px;
    background-repeat: no-repeat;  
}

.config2ul .configContainer {
    background-position: -8px -45px;
    background-color:transparent;

}

.configName {
    float: left;
    height: 36px;
    line-height: 36px;
    padding-left: 30px;
}
.configSelect {float: right}

li.configLi {
list-style-type:none;
}

.templSettSubContainer a.btDelete {margin-left:20px;}


.configTitle {
text-align:left;
font-size:24px;
}

/* .settHeader {
background-color:#c8d9f2;
border-bottom:1px solid #4682b4;
border-top:1px solid #4682b4;
margin-bottom:20px;
}
 */

/* html {height:100%; min-height:100%;}
body {background-color:#f2f2f2; height:100%; min-height:100%;} 
 */

 /*.OuterMostTable {
	margin: 0 auto;
	width: 66%;
	min-width: 750px;
	max-width: 960px;
}*/

/* * .OuterMostTable { 
  width: expression( document.body.clientWidth > 959 ? "960px" : "auto" ); 
  width: expression( document.body.clientWidth < 749 ? "750px" : "auto" ); 
} */



 table.OuterMostTable {
	width: 960px;
	margin: 0 auto;
	position:relative;
	z-index: 2;
}


/*
#configBkgr {
background-color:#fff;
position:fixed;

width: 950px;
left:50%;
margin-left: -475px;
height:100%;
z-index: 1;
}
 */





/* Update Department job types */

.existingJobTypeBox {
    float: left; 
    height:100px;
}
*+html .existingJobTypeBox {
    width: 24%; 
}

.rightFloatContainer {
    float: right; 
    width: 400px; 
    text-align: right; 
    margin-right: -10px;
}
*+html .rightFloatContainer { 
    margin-right:10px !important;
}

.existingJobButtons {
    float: left; 
    background-color: #F6F6F6; 
    width: 100%;
    height:30px;
    padding-bottom:6px;
}
*+html .existingJobButtons {
    display:inline;
}

.updateDeleteBox
{
    float: right; 
    width: 400px; 
    text-align: right;
    line-height: 24px;
}
*+html .updateDeleteBox
{
    display:block;
    height:30px;
    width:756px;
    padding-right:18px;
    background-color:#F6F6F6;
}

.existingJobContainer
{
    width: 100%; 
    height: 64px; 
    float: left; 
    line-height: 50px; 
    background-color: #F6F6F6; 
    z-index: 1001;
}

.addNewJobContainer
{
    width: 100%; 
    height: auto; 
    float: left; 
    background-color: #C8DAF3; 
    line-height: 27px;
}
.addNewJobBox
{
    height: 30px; 
    float: left; 
    background-color: #EFEFF2; 
    line-height: 27px
}



/* Author Jobs */

.authorJobsContainer tr.CellHeaderWithHeight {
    line-height:12px;
    background-image:none;
}
.authorJobsContainer tr.CellHeaderWithHeight {
    line-height:12px;
    background-image:none;
}

.jobContainerNoBorder
{
    border:0px;
}

/* Author job upload */

.jobContainerNoBorder select#lstDepartment
{
    margin-left:27px;
    margin-bottom:20px;
}

.JobOptionsHeaderCollapsed,
.JobOptionsHeaderExpanded  {
	padding-bottom:10px;
    padding-top:10px;
    background-position: 9px 12px;
    padding-left:27px;
    font-weight:normal;
}

.buttonContainerMargin
{
    margin-bottom:30px;
    margin-top:10px;
}

.CellHeader.CellJobs {
    margin-left: 21px;
    background-image: none;
    padding-left: 4px;
}
.CellHeader.CellJobs input {
    margin-right:10px;
}
#txtDefaultNotes
{
    width:300px;
}

td.borderMargin {
    border-top:10px solid white;
}

#JobOptionsHeader1,
#JobOptionsHeader2,
#JobOptionsHeader3,
#JobOptionsHeader4,
#JobOptionsHeader5,
#JobOptionsHeader6,
#JobOptionsHeader7
{
    margin-left:21px;
    padding-top:4px; padding-bottom:4px;
    background-position: 9px 6px;
}

table.jobUploadBorder
{
    border:1px solid #A8C0E3;
    border-top:0px;
}
table.jobUploadBorder #btnApplyDefaults
{
    margin-bottom:10px;
    margin-right:15px;
}


/* View / Update facility */
#chkAudio
{margin-left:10px;
}

/* Job List */
.jobList table#tblRecords tr td.CellHeader,
.jobList table#tblRecords tr td.Cell-0,
.jobList table#tblRecords tr td.Cell-1,
.jobList table#tblRecords tr td.Cell-0-Priority,
.jobList table#tblRecords tr td.Cell-1-Priority
{
    padding-left:0px !important;
    padding:0px 10px;
    width:auto;
    min-width:40px;
}
.jobList table#tblRecords tr td.CellHeader
{
    line-height:15px;
    padding:10px;
}
.jobList #lstAuthor, #lstTypist, #lstGroup, #lstStatus
{
    width:150px;
}

.jobList table#tblRecords tr td.CellHeader:first-child,
.jobList table#tblRecords tr td.Cell-0:first-child,
.jobList table#tblRecords tr td.Cell-1:first-child,
.jobList table#tblRecords tr td.Cell-0-Priority:first-child,
.jobList table#tblRecords tr td.Cell-1-Priority:first-child
{
    padding-left:20px !important;
}

.jobList table#tblRecords tr td.CellHeader:first-child
{   padding-left:20px !important;}

/* for ie7 */
*+html .jobList table#tblRecords tr td.Cell-0,
*+html .jobList table#tblRecords tr td.Cell-1,
*+html .jobList table#tblRecords tr td.Cell-0-Priority,
*+html .jobList table#tblRecords tr td.Cell-1-Priority
{ width:70px; }



/* Author job list */

.authorJobList #dataGrid1 tr.Row-0-WithHeight td,
.authorJobList #dataGrid1 tr.Row-1-WithHeight td,
.authorJobList #dataGrid1 tr.Row-0-WithHeight-Hover td,
.authorJobList #dataGrid1 tr.Row-1-WithHeight-Hover td
{
    line-height:15px;
    padding-top:2px !important;
    padding-bottom:2px !important;
    min-width:60px;
    max-width:120px;
}

.authorJobList #dataGrid1 tr.Row-0-WithHeight td:nth-child(2),
.authorJobList #dataGrid1 tr.Row-1-WithHeight td:nth-child(2)
{ min-width:90px; }

.authorJobList #dataGrid1 tr.Row-0-WithHeight td:nth-child(7),
.authorJobList #dataGrid1 tr.Row-1-WithHeight td:nth-child(7),
.authorJobList #dataGrid1 tr.Row-0-WithHeight-Hover td:nth-child(7),
.authorJobList #dataGrid1 tr.Row-1-WithHeight-Hover td:nth-child(7)
{ min-width:30px; max-width:30px; }

/* for ie7 */
*+html .authorJobList #dataGrid1 tr.Row-0-WithHeight td,
*+html .authorJobList #dataGrid1 tr.Row-1-WithHeight td,
*+html .authorJobList #dataGrid1 tr.Row-0-WithHeight-Hover td,
*+html .authorJobList #dataGrid1 tr.Row-1-WithHeight-Hover td 
{ width:80px; }

input.getPass
{
    margin-left:8px !important;
}




/* Users fixed text inputs */

.addAuthor input[type="text"], .addAuthor input[type="password"],
.addTypist input[type="text"], .addTypist input[type="password"],
.addManager input[type="text"], .addManager input[type="password"],
.authorUpdate input[type="text"], .authorUpdate input[type="password"],
.typistUpdate input[type="text"], .typistUpdate input[type="password"],
.managerUpdate input[type="text"], .managerUpdate input[type="password"] {
     width:200px; }




/* Logged user box */

.loggedUserWrapper {
    width: auto;
float: right;
margin-top: -14px;
}
span.loggedFacility,
span.loggedGroup {
    width:auto; 
    float:right;
    margin-right:10px;
    border-right:1px solid #A4CADB;
    padding-right:10px;
}
span.loggedGroup {
    border-right:0px;
    padding-right:0px;
}
div.loggedUser {
    float:right;
    position:relative;
    margin-top: -3px;
}

div.loggedUser a.loggedUserLink {
        background-image:url(img/user-arrows.png);
        background-position: right -4px;
        background-repeat:no-repeat;
        text-decoration:none;
        background-color:#e1ecfc;
        border-radius:2px;
        border:1px solid #A8C0E3;
        display:inline-block;
        padding:2px 20px 2px 10px;
        z-index:2;

        position: relative; /* must set to position relative to support ie8 */
    }
div.loggedUser a.loggedUserLink:hover,
.loggedUserLink.loggedUserOpen {
        color:steelBlue;
        border-bottom:0px !important;
        padding-bottom: 6px !important;
    }


div.loggedUserHover {
    position: absolute;
    width: 200px;
    top: 20px;
    right: 0px;
    background-color: #E1ECFC;
    border: 1px solid #A8C0E3;
    z-index: 1;
    display: table;
    border-radius:2px;
    display:none;
    height: 60px;
}

.displayNone {display:none !important;}

.loggedUserHover a {
    width:200px;
    height:30px;
    border:0px !important;
    display:block;
    line-height: 30px;
    text-decoration: none;
}
.loggedUserHover a:hover {
    background-color:#C8D9F2;
    border:0px !important;
    color:black;
}

.loggedUserHover .loggedUserIcon {
    width: 20px;
    height: 20px;
    background-image: url(img/menu-sprite.png);
    background-repeat: no-repeat;
    background-position: -20px -119px;
    display: block;
    float: left;
    margin-top: 4px;
    margin-right: 10px;
    margin-left: 7px;
}

.loggedUserLogout .loggedUserIcon {
    background-position: -39px -119px;
}

.loggedUserText
{
    display:inline-block;
    float:left;
    width:auto;
}



/* Header */

#mainHeader {
    width:960px;
    display:table;
    height:100px;
}
#headerLogo {
    vertical-align: middle;
    width:200px;
    display:table-cell;
}
#headerInfo {
    display:table-cell;
    vertical-align: middle;
    position: relative;
    top: -15px;
    right: -1px;
    z-index:1000;
}
.softVersion {
width: auto;
float: right;
position: absolute;
right: -1px;
top: 98px;
padding: 1px 3px;
}

#headerLogo a img {
    top: 25px;
}

*+html .softVersion /* soft version foe IE7 */
{ margin-top:-10px; }





/* User Add and update inputs  */

.userAdd select, .userAdd input[type="text"],
.userAdd input[type="password"],
.userUpdate select, .userUpdate input[type="text"], .userUpdate input[type="password"] {
    width:200px !important;
}






/* Background */

body {background-color:#F3F3F3;}
#mainBackground
{
    position:fixed;
    left:50%;
    margin-left:-500px;
    background-color:white;
    z-index:1;
    height:100%;
    width: 1007px;
}

/* Login */
.loginTable {
    margin-left:130px;
}
.loginScreen #headerLogo a img,
.sendPassword #headerLogo a img {
    margin-top:0px;
    margin-left:130px;
}

a:hover
{
    color:#3775a8;
    text-decoration:underline;
}



/* Date Input box */

.dateInputsBox {
    text-align:left; 
    display:table;
}

.dateInputsLeft,
.dateInputsRight {
    text-align:left; 
    display:table-cell; 
    width:100px; 
    vertical-align:middle;
}
.dateInputsRight {
    width:240px; 
}


/* Cell with top border to imitate margin */
.CellBorderTop {
    border-top:30px solid white;
}

#txtWorkingHoursDays
{
    width:200px;
    resize:none;
}

/**
The text edit box for editing multiline settings in the config manager
*/
#textareafield {
    width: 98%;
    height: 95%;
}

#scriptRow {
    width: 98%;
    height: 95%;
}

#scriptEditor {
    width: 100%;
    height: 70%;
}

/*#editor {*/
/*    margin: 0;*/
/*    position: absolute;*/
/*    top: 0;*/
/*    bottom: 0;*/
/*    left: 0;*/
/*    right: 0;*/
/*}*/

.ace_editor {
    border: 1px solid lightgray;
    margin: auto;
    height: 200px;
    width: auto;
}