/* CSS Document */

/* HTML5 tags */

header, section, footer, aside, nav, article, figure, progress {display: block;}


/*****************************  Core tags  ****************************************/

h1 {
    font-size: 26px;
    font-weight: bold;
}

h2 {
    font-size: 20px;
    font-weight: bold;
    margin: 12px 0px;
    clear: both;
    display: inline-block;
}

h3 {
    /*font-size: 16px;*/
    font-weight: bold;
    margin: 10px 0px;
    clear: both;
}

h4 {
    font-size: 20px;
    font-weight: bold;
    margin: 25px 15px 20px 10px;
    clear: both;
}

h2 a.hBreadcrumb {
    font-size: 14px;
    font-weight: normal;
    text-shadow: none;
    white-space: nowrap;
    margin: 0px 10px;
}

h2 a.hBreadcrumb:first-child { margin-left: 0px !important; }

h2 b {
    white-space: nowrap;
    margin: 0px 10px;
}

h2 span {
    font-size: 13px;
    color: #888888;
    text-shadow: none;
    margin: 0px;
    font-weight: normal;
}

h3 .help { font-weight: normal;
    vertical-align: middle;
}

h4.subTopicHeading, h4.taskInfoHeading { margin: 25px 0px 10px 0px; }

h4 .headingAddItems {
    display: inline-block;
    font-weight: normal;
    font-size: 15px;
    margin-left: 15px;
}

.inlineAddItems {
    font-weight: normal;
    font-size: 13px;
    margin: 15px 5px;
}

a, a:link, a:visited {
    text-decoration: none;
    cursor: pointer;
}

a:hover {
    text-decoration: underline;
    cursor: pointer;
}

.clear { clear: both; }

.center { text-align: center; }

.hidden { display: none !important; }

.small { font-size: 12px; }

.xsmall { font-size: 11px; }

.disabled { color: #bbbbbb; }

.red { color: red !important; }

a.disabled, a.disabled:hover, a.disabled:visited {
    text-decoration: none;
    cursor: default;
}

img { border: none; }

img.more {
    margin-bottom: -2px;
    margin-left: 3px;
}

.ui-corner-all {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

.ui-corner-tl {
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
}

.ui-corner-tr {
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
}

.shadow {
    box-shadow: 2px 2px 2px #aaa;
    -webkit-box-shadow: 2px 2px 2px #aaa;
    -moz-box-shadow: 2px 2px 2px #aaa;
    filter: progid:DXImageTransform.Microsoft.dropShadow(color=#aaaaaa, offX=2, offY=2, positive=true);
}

.shadowUp {
    box-shadow: 0px -2px 2px #aaa;
    -webkit-box-shadow: 0px -2px 2px #aaa;
    -moz-box-shadow: 0px -2px 2px #aaa;
    filter: progid:DXImageTransform.Microsoft.dropShadow(color=#aaaaaa, offX=0, offY= - 2, positive=true);
}

.noSelect {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}

th.remove, td.remove {
    width: 25px;
    text-align: center;
}

hr.menuSeparator {
    margin: 25px auto;
    text-align: center;
    width: 90%;
}


/*******************************  Layout  ***************************************/

body {
    /* background: url(/inc/Compliance/images/bg-gradient.png) repeat-y center; */
    margin: 0 auto;
    padding: 0px;
    font-family: Calibri, Helvetica, Arial, sans-serif;
    /* font-size: 16px; */
}

.bodyLogin {
    margin: 0 auto;
    padding: 0px;
    font-family: Calibri, Helvetica, Arial, sans-serif;
    font-size: 14px;
}

/* JS disabled styles */

.no-js nav li:hover ul { display: block; }

.jsErrorBox {
    text-align: center;
    padding: 20px;
    border-bottom: 1px solid;
    font-weight: bold;
}

#top {
    width: 100%;
    height: 25px;
}

.container {
    /*background: url(/inc/Compliance/images/bg-gradient.png) repeat-y center;*/
    margin: 0 auto;
    min-width: 1020px;
    max-width: 1400px;
    height: 100%;
}

.research {
    float: right;
    text-align: right;
    width: 300px;
}

nav.toplinks {
    display: block;
    float: right;
    text-align: right;
    line-height: 25px;
}

nav.toplinks ul {
    padding: 0;
    margin: 0;
    display: inline;
}

nav.toplinks li {
    position: relative;
    float: left;
    list-style-type: none;
}

/*nav.toplinks ul:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }*/

nav.toplinks li a {
    display: block;
    margin-right: 15px;
    padding: 0px 6px;
}

nav.toplinks li a:focus { outline: none; }

header {
    margin: 0 auto;
    min-width: 1020px;
    max-width: 1400px;
    clear: both;
}

.headLeft {
    width: 20px;
    height: 100px;
    float: left;
    margin: 0px;
    padding: 0px;
}

.headRight {
    width: 20px;
    height: 100px;
    float: right;
    margin: 0px;
    padding: 0px;
}

/*.headFill { min-width:980px; max-width:1360px; background:url(/inc/Compliance/images/Citation_Compliance_Assets/Toolkit/Logo/Citation_Compliance_logo-01.png); height:100px; margin:0 auto; }*/

.headFill {
    min-width: 980px;
    max-width: 1360px;
    height: 100px;
    margin: 0 auto;
}

.headContain {
    /*background: url(/inc/Compliance/images/bg-gradient.png) repeat-y center;*/
    max-width: 1360px;
    height: 100px;
}

#core, #matrixCore {
    /*background: url(/inc/Compliance/images/bg-gradient.png) repeat-y center;*/
    min-width: 1020px;
    max-width: 1400px;
    height: 100%;
    margin: 0 auto;
}

#rightshadow { background: url(/inc/Compliance/images/rightshadow.jpg) repeat-y right; }

#core_contain {
    /*background: url(/inc/Compliance/images/leftshadow.jpg) repeat-y left;*/
    /*margin-right: 15px;*/
    padding: 5px 20px 20px 20px;
    height: 100%;
    box-shadow: rgb(170, 170, 170) 4px 4px 10px;
}

#core_contain_login {
    background: url(/inc/Compliance/images/CITATION_Compliance_Assets/Toolkit/CITATION_Site_Background.jpg);
    background-size: cover;
    height: 560px;
}

/*background:url(/inc/Compliance/images/leftshadow.jpg) repeat-y left; margin-right:15px; padding:5px 30px 10px 30px; height:100%; }*/

.base {
    margin: 0 auto;
    min-width: 1020px;
    max-width: 1400px;
    clear: both;
}

.baseLeft {
    width: 20px;
    height: 65px;
    float: left;
    margin: 0px;
    padding: 0px;
    position: relative;
    z-index: 100;
}

.baseRight {
    width: 20px;
    height: 65px;
    float: right;
    margin: 0px;
    padding: 0px;
    position: relative;
    z-index: 100;
}

.baseFill {
    min-width: 960px;
    max-width: 1360px;
    /*background: url(/inc/Compliance/images/b_filler.jpg) repeat-x;*/
    height: 65px;
    margin: 0 auto;
}

.baseContain {
    /*background: url(/inc/Compliance/images/bg-gradient.png) repeat-y center;*/
    min-width: 980px;
    max-width: 1360px;
    height: 65px;
}

footer {
    width: 100%;
    height: 50px;
}

footer a:link, footer a:visited {/* margin-right: 24px; */}

footer a:hover {/* margin-right: 24px; */}

#copyright {
    float: left;
    width: 32%;
    text-align: left;
    display: inline-block;
    padding: 10px 0px 0px 15px;
    font-size: 12px;
}

.footlinks {
    text-align: right;
    float: right;
    width: 65%;
    display: inline-block;
    padding: 10px 15px 0px 0px;
}

#LayoutHomeLink { display: inline-block; }

.enableCTIaccess, .disableCTIaccess {
    margin-right: 20px;
    background: url(/inc/Compliance/icons/CTIaccess.png) no-repeat;
    padding-left: 20px;
    margin-left: 8px;
    cursor: pointer
}

table {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    border-collapse: collapse;
}

table td { padding: 3px; }

.tableWrap table { clear: both; }

table.rounded tr:first-child th:first-child {
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    border-top: none !important;
    border-left: none !important;
}

table.rounded tr:first-child th:last-child {
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
    border-top: none !important;
    border-right: none !important;
}

tr.sharedCol th {
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    border-radius: 0px !important;
}

table.rounded tr th { border-top: none !important; }

div.tableWrap {
    width: 99%;
    margin: 0px auto;
    position: relative;
}

div.actionMenu {
    height: 32px;
    margin: 0px;
    padding: 0px;
}

.actionMenu select {
    float: left;
    /* margin-left: 25px; */
    margin-top: 3px;
}

nav.actionBar {
    /* width:775px; */
    float: right;
    margin-top: 4px;
    margin-right: 5px;
    padding: 3px 2px 1px 2px;
}

span.actionItem { margin: 0px 8px; }


/**************************************  Shared Items  *****************************************/

.addItem {
    vertical-align: text-bottom;clear: both;
    background: url(/inc/Compliance/icons/AddCircled.png) no-repeat;
    padding-top:2px;
    padding-left: 28px;
    padding-bottom: 10px;
    margin-left: 8px;
    cursor: pointer;
}

.copyItem {
    clear: both;
    background: url(/inc/Compliance/icons/copy.png) no-repeat;
    padding-left: 20px;
    margin-left: 8px;
    cursor: pointer;
}

.pasteItem {
    clear: both;
    background: url(/inc/Compliance/icons/paste.png) no-repeat;
    padding-left: 20px;
    margin-left: 8px;
    cursor: pointer;
}

.importItem {
    clear: both;
    background: url(/inc/Compliance/icons/import.png) no-repeat;
    padding-left: 30px;
    padding-top: 3px;
    margin-left: 8px;
    cursor: pointer;
}

.deactivateItem {
    clear: both;
    background: url(/inc/Compliance/icons/Deactivate.png) no-repeat;
    padding-left: 30px;
    padding-top:3px;
    margin-left: 8px;
    cursor: pointer;
}

.importUsers {
    clear: both;
    background: url(/inc/Compliance/icons/importUsers.png) no-repeat;
    padding-left: 30px;
    padding-top:2px;
    margin-left: 8px;
    cursor: pointer;
}

.deleteItem {
    clear: both;
    background: url(/inc/Compliance/icons/delete.png) no-repeat;
    padding-left: 20px;
    margin-left: 8px;
    cursor: pointer;
}

.closeItem {
    background: url(/inc/Compliance/icons/close.png) no-repeat;
    padding-left: 20px;
    margin-left: 8px;
    cursor: pointer;
}

.archiveItem {
    clear: both;
    background: url(/inc/Compliance/icons/archive.png) no-repeat;
    padding-left:35px;
    margin-left: 8px;
    cursor: pointer;
}

.changeOwner {
    clear: both;
    background: url(/inc/Compliance/icons/changeOwner.png) no-repeat;
    padding-left: 30px;
    padding-top:2px;
    margin-left: 8px;
    cursor: pointer;
}

.myTasks {
    clear: both;
    /*background: url(/inc/Compliance/icons/matrix_sm.png) no-repeat;*/
/*    padding-left: 20px;
    margin-left: 8px;*/
    cursor: pointer;
}

.addUser {
    clear: both;
    background: url(/inc/Compliance/icons/addUser.png) no-repeat;
    padding-left: 20px;
    margin-left: 8px;
    cursor: pointer;
    line-height: 16px;
    display: inline-block;
    height: 16px;
}

.addTeam {
    clear: both;
    background: url(/inc/Compliance/icons/addTeam.png) no-repeat;
    padding-left: 20px;
    margin-left: 8px;
    cursor: pointer;
    line-height: 16px;
    display: inline-block;
    height: 16px;
}

.addEvent {
    background: url(/inc/Compliance/icons/addEvent.png) no-repeat;
    padding-left: 20px;
    margin-left: 8px;
    cursor: pointer;
    line-height: 16px;
    display: inline-block;
    height: 16px;
}

.creExportItem {
    clear: both;
    background: url(/inc/Compliance/icons/creexport.png) no-repeat;
    padding-left: 27px;
    margin-left: 8px;
    cursor: pointer;
}

.creImportItem {
    clear: both;
    background: url(/inc/Compliance/icons/creimport.png) no-repeat;
    padding-left: 27px;
    margin-left: 8px;
    cursor: pointer;
}

#loading {
    background: url(/inc/Compliance/icons/loading_lg2.gif) no-repeat center #999;
    position: absolute;
    z-index: 10100;
    filter: alpha(opacity=50);
    opacity: 0.5;
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
}

.t-window-content .actionBtns {
    position: absolute;
    bottom: 0px;
    right: 0px;
}

.SelectChkBxArrow { display: inline-block; }

.SelectMenu {
    width: 200px;
    border: 1px solid;
    font-size: 12px;
    -moz-box-shadow: 0px 2px 3px #999;
    -webkit-box-shadow: 0px 2px 3px #999;
    box-shadow: 0px 2px 3px #999;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=90, Color='#999999')";
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=90, Color='#999999');
}

.SelectMenu ul {
    margin: 0px;
    padding: 0px;
}

.SelectMenu ul li {
    list-style: none;
    padding: 4px 5px;
    margin: 0px;
    height: 24px;
    line-height: 24px;
}

.SelectMenu select { margin-left: 3px; }

.gridFilter {
    padding: 5px 5px 6px 8px;
    display: inline-block;
    float: left;
}

.gridFilter input {
    margin-left: 3px;
    width: 140px;
}

.gridFilterTextOnly {
    height: 20px;
    padding: 8px;
    display: inline-block;
    float: left;
}

.permissionHover img, .permissionHover span { float: left; }

.permissionHover img.permissionUser { margin-right: 8px; }

.permissionHover .permissionUserName { display: inline-block; }

.permissionHover .tooltip {
    height: 15px;
    background: url(/inc/Compliance/images/leftTooltipEdge.png) no-repeat left center !important;
    padding: 0px 0px 0px 11px;
    width: auto !important;
    border: none !important;
    margin-left: 5px !important;
    margin-top: -2px !important;
}

.permissionHover .tooltipContents {
    display: inline-block;
    height: 13px;
    padding: 3px 5px;
    background: #fffddd;
    border-top: 1px solid #fff774;
    border-right: 1px solid #fff774;
    border-bottom: 1px solid #fff774;
    white-space: nowrap;
    font-weight: normal;
}



/**************************************  Progress Steps  ******************************************/

nav#reviewProgress {
    display: block;
    width: 100%;
    height: 55px;
    margin-bottom: 5px;
}

ul.reviewProgressMenu {
    /*width: 395px;*/
    width: fit-content;
    margin: 0 auto;
    padding: 0px;
    list-style: none;
    overflow: visible;
    font-size: 14px;
}

.reviewProgressMenu li {
    margin: 0px;
    padding: 0px 18px;
    float: left;
    display: inline-block;
    height: 25px;
    line-height: 25px;
    position: relative;
    text-transform: uppercase;
    cursor: pointer;
}

.reviewProgressMenu li.parent_off, .parent_off li, li.child_off, .progressMark { cursor: default; }

.reviewProgressMenu li ul li { padding: 0px; }

.reviewProgressMenu li ul li a { padding: 0px 12px; }

.reviewProgressMenu li:first-child {
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.reviewProgressMenu li:last-child {
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

li.parent_onAgain div.lvl2Wrap {
    display: block;
    left: auto;
}

li.child_onAgain { }

.reviewProgressMenu li div.lvl2Wrap {
    position: absolute;
    display: none;
    left: -9999px;
    margin: 0px;
    padding: 0px;
    text-shadow: none;
}

.reviewProgressMenu li div.lvl2Wrap .progressMark {
    height: 10px;
    margin: 0px;
    padding: 0px;
    width: 100%;
    display: block;
}

.reviewProgressMenu li div.lvl2Wrap .progressMark span {
    display: block;
    width: 16px;
    height: 10px;
    margin: 0 auto;
    padding: 0px;
    text-align: center;
    background: url(/inc/Compliance/icons/progressMark.png) no-repeat top center;
}

.reviewProgressMenu li div.lvl2Wrap ul {
    width: 100%;
    margin: 0px;
    padding: 0px;
}

.reviewProgressMenu li.level2 {
    display: inline-block;
    float: left;
    border-top: 2px solid;
    background: none;
    position: static;
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    border-radius: 0px !important;
    cursor: default;
}

.nextStep {
    clear: both;
    float: right;
    width: 435px;
    height: 25px;
    padding: 0px;
    margin: 15px;
    text-align: right;
}

a.next {
    background: url(/inc/Compliance/images/arrowLside.png) no-repeat left;
    font-weight: bold;
    padding-left: 5px;
    /*display: inline-block;*/
    line-height: 17px;
    height: 21px;
    margin-right: 5px;
}

a.next span {
    background: url(/inc/Compliance/images/arrowRside.png) no-repeat right;
    font-weight: bold;
    padding: 2px 12px 2px 0px;
    display: inline-block;
    cursor: pointer;
}

a.next:link, a.next:visited, a.next:active { background: url(/inc/Compliance/images/arrowLside.png) no-repeat left; }

a.next:hover {
    background: url(/inc/Compliance/images/arrowLside.png) no-repeat left;
    background-color: #0075BF ;
    font-weight: bold;
    text-decoration: none;
}

a.save:link, a.save:visited {
    font-size: 14px;
    padding-left: 5px;
}

a.save:hover {
    font-size: 14px;
    padding-left: 5px;
}

.uparrowdiv, .downarrowdiv, .leftarrowdiv, .rightarrowdiv {
    width: 600px;
    min-height: 40px; /*min height of DIV should be set to at least 2x the width of the arrow*/
    color: white;
    padding: 5px;
    position: relative;
    word-wrap: break-word;
    -moz-border-radius: 5px; /*add some nice CSS3 round corners*/
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 2em;
}

.uparrowdiv:after /*arrow added to uparrowdiv DIV*/ {
    content: '';
    display: block;
    position: absolute;
    top: -20px; /*should be set to -border-width x 2 */
    left: 30px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px;
}

.downarrowdiv:after /*arrow added to downarrowdiv DIV*/ {
    content: '';
    display: block;
    position: absolute;
    top: 100%; /*should be set to 100% */
    left: 30px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px;
}

.leftarrowdiv:after /*arrow added to leftarrowdiv DIV*/ {
    content: '';
    display: block;
    position: absolute;
    top: 10px;
    left: -20px; /*should be set to -border-width x 2 */
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px;
}

.rightarrowdiv:after /*arrow added to rightarrowdiv DIV*/ {
    content: '';
    display: block;
    position: absolute;
    top: 10px;
    left: 100%; /*should be set to 100% */
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px;
}


/*************************************  Help  ****************************************/

span.helpIcon, span.helpIconTH {
    /* border: solid 1px black; */
    display: inline-block;
    width: 16px;
    height: 16px;
    text-align: center;
    margin-left: 5px;
    margin-right: 10px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px;
    font-weight: bold;
    font-size: 14px;
    /* vertical-align: top; */
}

span.help:hover, span.helpLeft:hover {
    text-decoration: none;
    cursor: pointer;
}

/*BG color is a must for IE6*/

span span.tooltip {
    display: none;
    padding: 5px;
    margin-left: -3px;
    margin-top: 10px;
    width: 180px;
}

span:hover span.tooltip {
    display: inline;
    position: absolute;
    font-size: 12px;
    z-index: 9000;
    line-height: 15px;
}

span.helpLeft:hover span.tooltip { margin-left: -198px; }

th span.helpLeft { text-shadow: none; }

#SearchUserWindow span.helpIcon { margin-right: 5px; }

#SearchUserWindow span span.tooltip {
    width: 180px;
    height: 80px;
}

#SearchUserWindow span.help:hover span.tooltip {
    margin-left: -203px;
    margin-top: -80px;
    text-align: left;
}

nav.helpNav {
    width: 25%;
    margin: 10px;
    clear: both;
    height: 100%;
    border: 1px solid;
    display: inline-block;
    padding: 8px;
}

.helpNav input[type=text] {
    float: right;
    margin: 0px;
    width: 55%;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomright: 0px;
    -webkit-border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-right: none;
}

.helpNav input[type=submit] {
    float: right;
    margin: 0px;
    padding: 3px;
    width: 70px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-bottomleft: 0px;
    -webkit-border-top-left-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-left: none;
}

nav.helpNav #TreeView { margin-top: 20px; }

div.helpContent {
    width: 70%;
    height: 100%;
    display: inline-block;
    vertical-align: top;
    margin-left: 5px;
}

div.lastUpdated {
    text-align: right;
    margin: 15px 15px 0px 5px;
}

div.csMsg {
    font-size: 13px;
    text-align: center;
    margin-top: 5px;
    border-top: 1px dotted;
    padding: 5px;
}

.topicExpand {
    background: url(/inc/Compliance/icons/expand.png) no-repeat 2px;
    padding-left: 20px;
    cursor: pointer;
}

.topicCollapse {
    background: url(/inc/Compliance/icons/collapse.png) no-repeat 2px;
    padding-left: 20px;
    cursor: pointer;
}

.subTopicTitle {
    font-weight: bold;
    margin-bottom: 8px;
}

.subTopicContent {
    display: none;
    border-left: 1px solid;
    border-bottom: 1px solid;
    margin: 5px 0px 20px 20px;
    padding: 0px 0px 10px 10px;
}

.searchResult { margin-bottom: 20px; }

.topNode { font-size: 17px !important; }



/******************************************  Dialog boxes  ****************************************/

#Dialog .t-window-scrollable, #Archive .t-window-scrollable { height: 70px; }


#EditWindow .validationMsg {
    min-height: 13px !important;
    width: 100%;
    display: block;
}

#EditWin .validationMsg {
    min-height: 13px !important;
    width: 100%;
    display: block;
}

#Dialog .t-window-actions { display: none; }


/*****************************************  User Search  *****************************************/

#SearchTextBox { /*width:550px;*/
    padding: 3px;
}

#SearchUserWindow .t-window-scrollable { height: 170px; }

#SearchUserTeamWindow .t-window-scrollable { height: 132px; }

#UserSearchTextBox { width: 445px; }

#SearchUserWindow .userSearch { margin-left: 0px !important; }

.userSearchControl, .SearchControl { position: relative; }

.searchFilters { position: relative; }

.searchFilters .dropArrow {
    display: inline-block;
    position: absolute;
    left: 18px;
    top: 20px;
    width: 3px;
    height: 3px;
    background: url(/inc/Compliance/icons/cornerArrow.png) no-repeat;
}

.filterList {
    padding: 2px 6px;
    border: 1px solid;
    position: absolute;
    z-index: 1000;
    width: 100px;
    height: 78px;
    display: inline-block;
    top: 23px;
    left: 1px;
}

.filterList ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
    font-size: 11px;
}

.filterList ul li {
    padding-top: 3px;
    padding-bottom: 3px;
    cursor: pointer;
}

.filterList ul li.filterUsers {
    background: url(/inc/Compliance/icons/user.png) no-repeat;
    margin: 5px 0px;
    padding-left: 20px;
}

.filterList ul li.filterTeams {
    background: url(/inc/Compliance/icons/teams.png) no-repeat;
    margin: 5px 0px;
    padding-left: 20px;
}

.filterList ul li.filterUsersTeams {
    background: url(/inc/Compliance/icons/userteams.png) no-repeat;
    margin: 5px 0px;
    padding-left: 20px;
}

.userSearchFilter {
    display: inline-block;
    float: left;
    border-top: 1px solid;
    border-left: 1px solid;
    border-bottom: 1px solid;
    height: 24px;
    width: 24px;
    padding: 4px 1px;
}

.filterTypes {
    display: inline-block;
    width: 16px;
    height: 16px;
    cursor: pointer;
    float: left;
    margin-top: 6px !important;
}

.filterUsers {
    background: url(/inc/Compliance/icons/user.png) no-repeat;
    margin: 4px;
}

.filterTeams {
    background: url(/inc/Compliance/icons/teams.png) no-repeat;
    margin: 4px;
}

.filterUsersTeams {
    background: url(/inc/Compliance/icons/userteams.png) no-repeat;
    margin: 4px;
}

.searchMenuLink {
    display: inline-block;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 4px;
    left: 482px;
    background: url(/inc/Compliance/icons/lookup.png) no-repeat;
}

.userSearch, .teamSearch {
    margin-top: 10px;
    position: relative;
    margin-left: 27px;
}

.userSearch input, .teamSearch input { width: 98%; }

li.plusMoreItem { float: right !important; }

.plusMoreWrap {
    background: url(/inc/Compliance/icons/moreLeft.png) no-repeat left center;
    padding-left: 5px;
    height: 16px;
    display: inline-block;
    cursor: pointer;
    font-size: 10px;
    margin-top: 5px;
}

.plusMore {
    background: url(/inc/Compliance/icons/moreRight.png) no-repeat scroll right center;
    height: 16px;
    display: inline-block;
    padding-right: 4px;
}

.SearchControlWrapper {
    width: 477px;
    padding-right: 23px;
    padding-bottom: 8px;
}

.SearchControlWrapper input[type=text] {
    width: 50px !important;
    float: left;
    margin-top: 3px;
    margin-right: 5px;
}

.SearchContainer { height: 33px; }

.horWrapper { width: auto !important; }

ul.search-selections {
    list-style-type: none;
    padding: 3px;
    margin: 0;
    overflow: auto;
    position: relative;
}

ul.search-selections li {
    float: left;
    margin: 1px 2px;
}

ul.search-selections li.search-selection-item {
    position: relative;
    border: solid 1px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: background-color .2s ease-in;
    cursor: pointer;
    padding: 3px 5px;
    font-size: 13px;
}

.search-close {
    display: inline-block;
    width: 20px;
    height: 16px;
    margin-left: 7px;
}

.userRegistered .search-close, .userTypeRegistered .search-close {
    background: url(/inc/Compliance/icons/deleteRegUser.png) no-repeat;
    float: right;
}

.userUnregistered .search-close, .userTypeUnregistered .search-close {
    background: url(/inc/Compliance/icons/deleteUnregUser.png) no-repeat;
    float: right;
}

.userAuxiliary .search-close, .userTypeAuxiliary .search-close {
    background: url(/inc/Compliance/icons/deleteAuxUser.png) no-repeat;
    float: right;
}

.teamType .search-close {
    background: url(/inc/Compliance/icons/deleteTeam.png) no-repeat;
    float: right;
}

/*.searchSelections { position:relative; top:0px; margin:0 0 0 40px; width:260px; height:40px; padding:0 10px; border-top:1px solid #333; border-bottom:1px solid #333;}*/

.searchSelections .customScrollBox {
    position: relative;
    height: 100%;
    overflow: hidden;
    border-left: 1px solid;
}

.searchSelections .customScrollBox .SearchContainer {
    position: relative;
    top: 0;
    float: left;
}

.searchSelections .customScrollBox .SearchContent { clear: both; }

/*.searchSelections .customScrollBox .SearchContent p { padding:0 5px; margin:10px 0; color:#fff; font-size:13px; line-height:20px;}
.searchSelections .customScrollBox .SearchContent p.alt{padding:10px 5px; margin:10px 0; color:#fff; font-size:17px; line-height:19px; color:#999;}*/

.searchSelections .customScrollBox img { border: 5px solid; }

.searchSelections .dragger_container {
    position: relative;
    width: 392px;
    height: 3px;
    float: left;
    margin: -3px 0px 0px 87px;
    cursor: pointer;
    border-top: none;
    display: block !important;
}

.searchSelections .dragger {
    position: absolute;
    width: 50px !important;
    height: 2px;
    text-align: center;
    overflow: hidden;
    cursor: pointer;
    -moz-border-radius: 2px;
    -khtml-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    margin: 1px 0px 0px 0px;
}

.searchSelections .dragger_pressed {
    position: absolute;
    width: 50px !important;
    height: 2px;
    text-align: center;
    overflow: hidden;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    cursor: e-resize;
    margin: 1px 0px 0px 0px;
}

.searchSelections .scrollUpBtn, .searchSelections .scrollDownBtn {
    position: absolute;
    display: inline-block;
    width: 10px;
    height: 10px !important;
    margin-right: 12px;
    text-decoration: none; /*filter:alpha(opacity=20); -moz-opacity:0.20; -khtml-opacity:0.20; opacity:0.20;*/
}

.searchSelections .scrollUpBtn {
    top: -8px;
    left: 392px;
    background: url(/inc/Compliance/icons/mcs_btnLeft.png) no-repeat;
    display: inline-block !important;
}

.searchSelections .scrollDownBtn {
    top: -8px;
    left: 402px;
    background: url(/inc/Compliance/icons/mcs_btnRight.png) no-repeat;
    display: inline-block !important;
}

.searchSelections .scrollUpBtn:hover, .searchSelections .scrollDownBtn:hover {
    filter: alpha(opacity=60);
    -moz-opacity: 0.60;
    -khtml-opacity: 0.60;
    opacity: 0.60;
}

.searchResults {
    width: 500px;
    position: absolute;
    z-index: 500;
}

.searchResults ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
    overflow-y: auto;
}

li.GroupHeader {
    font-style: italic;
    font-size: 16px;
    padding: 3px 10px;
}

li.search-result-item {
    margin: 0px;
    padding: 5px 12px;
}

li:first-child.search-result-item { margin: 0; }

.display_box_name { font-weight: bold; }

.userInfoDisplay {
    position: absolute;
    background: url(/inc/Compliance/images/bottomTooltipEdge.png) no-repeat bottom left;
    display: inline-block;
    padding: 0px 0px 9px 0px;
    font-size: 13px;
    z-index: 501;
}

.userInfoContents {
    padding: 6px;
    border-left: 1px solid !important;
    border-top: 1px solid !important;
    border-right: 1px solid !important;
}

.userUName { float: right; }

.userFullName { font-weight: bold; }

.teamInfoDisplay {
    position: absolute;
    background: url(/inc/Compliance/images/bottomTooltipEdge.png) no-repeat bottom left;
    display: inline-block;
    padding: 0px 0px 9px 0px;
    font-size: 13px;
}

.teamInfoContents {
    padding: 6px;
    border-left: 1px solid;
    border-top: 1px solid;
    border-right: 1px solid;
}

.teamInfoTable {
    margin-left: 5px;
    width: 100%;
}

.teamInfoTable td {
    padding: 0px 15px 0px 0px;
    margin: 0px;
}

.teamInfoTable td span {
    margin: 0px;
    padding: 0px;
    float: none;
}

.advMenu {
    float: left;
    display: inline-block;
    width: 165px;
    height: 400px;
    border-right: 1px solid;
}

.advSearchOptions {
    padding: 0px;
    margin: 5px 0px 0px 0px;
    list-style: none;
}

.advSearchOptions li {
    padding: 8px;
    cursor: pointer;
}

.advSearchOptions li.advOptionSelected { background: url(/inc/Compliance/icons/markerArrow.png) no-repeat right #dddddd; }

.advSearchMain {
    display: inline-block;
    float: left;
    width: 584px;
}

.advUserSearch .advSearchInputs {
    height: 65px;
    padding: 8px;
}

.advUserSearch .advSearchInputs .field-group {
    display: inline-block;
    width: 28%;
    float: left;
    clear: none;
}

.advUserSearch .advSearchInputs .field-group input { width: 90%; }

.advUserSearch .t-window-scrollable {
    height: 265px;
    display: inline-block;
    width: 100%;
    padding: 0px !important;
    clear: both;
}

#advSearch-FindUser {
    float: right;
    padding: 3px 6px !important;
    margin-top: 18px;
}

.advTeamSearch .advSearchInputs {
    height: 130px;
    padding: 8px;
}

.advTeamSearch .advSearchInputs .field-group {
    display: inline-block;
    width: 31%;
    float: left;
    clear: none;
}

.advTeamSearch .advSearchInputs .team-field-group { width: 80% !important; }

.advTeamSearch .advSearchInputs .field-group input { width: 90%; }

.advTeamSearch .t-window-scrollable {
    height: 188px;
    display: inline-block;
    width: 100%;
    padding: 0px !important;
    clear: both;
}

#advSearch-FindTeam {
    float: right;
    padding: 3px 6px !important;
    margin-top: 18px;
    margin-right: 30px;
}

.advMakeTeam .advSearchInputs {
    height: 65px;
    padding: 8px;
}

.advMakeTeam .advSearchInputs .field-group {
    display: inline-block;
    width: 80%;
    float: left;
    clear: none;
}

.advMakeTeam .advSearchInputs .field-group input { width: 90%; }

.advMakeTeam .t-window-scrollable {
    height: 265px;
    display: inline-block;
    width: 100%;
    padding: 0px !important;
    clear: both;
}

div.advSearchResults { padding-left: 10px; }

div.advSearchResults table { width: 550px !important; }

div.advSearchResults table thead tr th { padding: 3px 5px; }

#advSearchContainerValidation {
    display: inline-block;
    margin-left: 10px;
    color: #F00;
    font-size: 12px;
}


.userlist-moreResults {
    height: 150px;
    background: url(/inc/Compliance/images/menuEdge.png) no-repeat left center;
    padding: 0px 0px 0px 11px;
    position: absolute;
    width: 200px;
    left: 250px;
    top: -55px;
}

.userlist-resultContainer { border-bottom: 1px solid; }

.userlist-selectionContainer {
    border-top: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    overflow-y: auto;
    display: inline-block;
    height: 116px;
    width: 100%;
    font-size: 13px;
}

.userlist-selectionContainer ul {
    list-style: none;
    padding: 4px 4px;
    margin: 0px;
}

.userlist-selectionContainer ul li { padding: 4px; }

.userlist-optionContainer {
    display: inline-block;
    height: 23px;
    width: 100%;
    margin: 0px;
    padding: 0px;
}

.userlist-optionContainer ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.userlist-optionContainer ul li {
    float: left;
    display: inline-block;
    height: 18px;
    padding: 3px;
}

.userlist-optionContainer ul li a { font-size: 11px; }

.userlist-moreSelection-item {
    border-bottom: 1px dotted;
    clear: both;
}

.userlist-close {
    display: inline-block;
    width: 20px;
    height: 16px;
}

.userRegistered .userlist-close, .userTypeRegistered .userlist-close {
    background: url(/inc/Compliance/icons/deleteRegUser.png) no-repeat;
    float: right;
}

.userUnregistered .userlist-close, .userTypeUnregistered .userlist-close {
    background: url(/inc/Compliance/icons/deleteUnregUser.png) no-repeat;
    float: right;
}

.userAuxiliary .userlist-close, .userTypeAuxiliary .userlist-close {
    background: url(/inc/Compliance/icons/deleteAuxUser.png) no-repeat;
    float: right;
}

ul.userlist-selections {
    list-style-type: none;
    padding: 3px;
    margin: 0;
    overflow: auto;
    width: 98%;
}

ul.userlist-selections li {
    float: left;
    margin: 1px 4px 1px 0px;
}

ul.userlist-selections li.userlist-selection-item {
    position: relative;
    border: solid 1px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    padding: 3px 5px 2px 5px;
    font-size: 13px;
}

ul.userlist-selections li.UserCreated {
    position: relative;
    border: solid 1px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    padding: 2px 5px 2px 5px;
    font-size: 13px;
}

/*ul.userlist-selections li.userlist-selection-item:last-child { margin-left: 30px; }*/

ul.userlist-selections li.userlist-selection-item a.userlist-close {
    float: right;
    margin: 1px 0 0 7px;
    padding: 0 2px;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
}

ul.userlist-selections li:hover.userlist-selection-item { border: solid 1px; }

ul.userlist-selections li.userlist-original { margin-left: 0; }

ul.userlist-selections li.userlist-original input {
    border: none;
    outline: none;
    font-size: 13px;
    width: 30px;
    height: 18px;
    padding-top: 3px;
}

ul.userlist-list {
    position: absolute;
    list-style-type: none;
    margin: 1px 0px 0px 0px;
    padding: 0px;
    font-size: 14px;
    z-index: 2;
    border: 1px solid;
    width: 580px;
    max-height: 140px;
    overflow-y: auto;
}

li.userlist-result-item, li.userlist-message {
    margin: 0px;
    padding: 5px 12px;
    cursor: pointer;
}

li:first-child.userlist-result-item { margin: 0; }

li.userlist-message {
    margin: 0;
    cursor: default;
}

li.userlist-result-item em {
    font-style: normal;
    padding: 0px 2px;
}

li.userlist-result-item-AddNew {
    background: url(/inc/Compliance/icons/add.png) no-repeat 1px;
    padding-left: 22px;
}

.userSearch .actionBtns {
    position: absolute;
    top: 190px;
    left: 380px;
}

/* Firefox 3.0 Hacks */

ul.userlist-list, x:-moz-any-link, x:default { border: 1px solid #888; }

body:first-of-type ul.userlist-list, x:-moz-any-link, x:default {
    border: none; /* Target FF 3.5+ */
}

/* Webkit Hacks  */

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    ul.userlist-selections { border-top-width: 2px; }

    ul.userlist-selections li.userlist-selection-item {
        padding-top: 3px;
        padding-bottom: 3px;
    }

    ul.userlist-selections li.userlist-selection-item a.userlist-close { margin-top: -1px; }

    ul.userlist-selections li.userlist-original input { height: 19px; }
}

/* Opera Hacks  */

@media all and (-webkit-min-device-pixel-ratio: 10000), not all and (-webkit-min-device-pixel-ratio: 0) {
    ul.userlist-list { border: 1px solid #888; }

    ul.userlist-selections li.userlist-selection-item a.userlist-close {
        margin-left: 4px;
        margin-top: 0;
    }
}

/* IE Hacks  */

ul.userlist-list { /*border: 1px solid #888\9;*/ }

ul.userlist-selections li.userlist-selection-item a.userlist-close {
    margin-left: 4px\9;
    margin-top: 0\9;
}

.NewTeamTag {
    background: url(/inc/Compliance/icons/add.png) no-repeat 1px;
    padding-left: 22px;
}

.userOrTeamSearch .validationMsg {
    min-height: 13px;
    color: red;
    font-size: 11px;
    padding: 3px;
}

.userOrTeamSearch label { font-weight: normal; }



/*************************************  Forms  ****************************************/

/* Fieldsets,legend,label */

fieldset {
    clear: both;
    padding: 12px;
    margin: 0px 0px 20px 0px;
    border: 1px solid;
}

legend {
    margin: 0 -.4em;
    padding: 5px 10px;
    font-weight: bold;
    font-size: 14px;
    border: 1px solid;
}

label {
    display: inline-block;
    /* margin-right: 8px; */
    font-weight: bold;

    /*NOTE: Don't change this as it affects location of label on Req Edit pages*/
    vertical-align: top;
}

label.inputLabel { margin-top: 2px; }

label.selection-label {
    float: none;
    width: auto;
    text-align: left;
}

input.watermarked {
    color: #CCC;
    font-style: italic;
}

/* Input Fields */

input, textarea, select {
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    /* font-size: 14px; */
    color: #666;
    padding: 3px;
    position: relative;
    border: 1px solid #ccc;
    background-color: #fff;
    font-family: Calibri, Helvetica, Arial, sans-serif;
}

textarea { /*resize: none;*/ }

input:focus, textarea:focus {
    border: 1px solid;
    background: #fff;
}

input[type="radio"], input[type="checkbox"] {
    background: transparent !important;
    border: 0 !important;
    width: 16px !important;
    vertical-align: middle;
}

input[type="radio"] {
    width: 13px !important;
    cursor: default;
}

input[type="button"][disabled="disabled"], input[type="submit"][disabled="disabled"], button[disabled="disabled"] {
    background: #dddddd !important;
    color: #999999 !important;
    border-color: #bbbbbb !important;
    text-shadow: none !important;
}

input[disabled="disabled"], input[readonly] { background: #ededed; }

/* required elements */

div.errorMsg {
    color: #F00;
    font-size: 12px;
}

span.errorMsg {
    padding-left: 5px;
    color: #F00;
    font-size: 12px;
}

span.validationMsg {
    font-size: 11px;
    color: #ff0000;
    font-weight: bold;
    text-align: left;
    clear: both;
    display: block;
}

.required {
    color: red;
    vertical-align: top;
    margin-left: 3px;
}

/* general utility */

.field-group, .table-field-group {
    padding: 3px;
    position: relative;
    clear: both;
}

.inline-field-group { margin-right: 25px; }

.inline-field-group label {
    float: none;
    margin: 0px 5px 0px 0px;
}

.validation-group {
    position: relative;
    display: inline-block;
}

input[type="submit"], input[type="button"], input[type="reset"], button {
    display: inline-block;
    margin: 0px 5px;
    /*text-shadow: 1px 1px 1px #555;*/
    font-weight: bold;
    cursor: pointer;
    width: auto;
    padding: 5px 10px;
}

.datepickIcon {
    position: relative;
    margin: 4px 10px -3px -22px;
    padding-top: 2px;
    cursor: pointer;
}

.lookupIcon {
    position: relative;
    margin: 0px 0px -3px -22px;
    cursor: pointer;
    display: inline-block;
    background: url(/inc/Compliance/icons/lookup2.png) no-repeat;
    width: 16px;
    height: 16px;
}

input.lookupInput { padding-right: 24px; }

.noAccessForm {
    width: 500px;
    border: 1px solid #ccc;
    background: #ffffff;
    padding: 10px;
    margin: 0 auto;
}

.noAccessForm .field-group { text-align: left; }

.noAccessForm label { width: 100px; }

.noAccessForm .field-group input, .noAccessForm .field-group textarea { width: 350px; }

.noAccessForm .requiredMsg {
    display: inline-block;
    color: red;
    width: 100px;
    margin: 20px 5px 0px 5px;
    text-align: left;
    float: left;
}

#StatusMessage span {
    padding: 10px 15px;
    display: inline-block;
    width: 150px;
    font-weight: bold;
    border: 1px solid;
}



/**************************************  Reviews Index  ******************************************/

.emptyReviewTable {
    text-align: center;
    padding: 50px 0px;
}

.emptyReviewTable b { font-size: 15px; }

.t-grid-header .assessMainCol a.t-link {
    display: inline-block;
    float: left;
}

.expandColumns {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(/inc/Compliance/icons/expandColTab.png) no-repeat;
    float: right;
    margin: 3px -5px 0px 0px;
}

.contractColumns {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(/inc/Compliance/icons/contractColTab.png) no-repeat;
    float: right;
    margin: 3px -5px 0px 0px;
}

#DeleteReview .t-window-scrollable { height: 70px; }

#DeleteReview .actionBtns, #Archive .actionBtns, #Unarchive .actionBtns { width: 140px; }

.progressNumbers {
    /* display: inline-block; */
    margin: 0px 5px;
    /* font-size: 14px; */
    float: right;
    text-align: right;
}



/*************************************  Review Setup Page  ****************************************/

.ReviewFields { margin-left: 15px; }

.ReviewFields .field-group {
    width: 70%;
    margin: 3px 0px;
}

.ReviewFields .field-group .validation-group { width: 60%; }

.ReviewFields .field-group label { width: 160px; }

.ReviewFields .field-group input[type=text] { width: 75%; }

.ReviewFields .field-group select {
    max-width: 280px;
    min-width: 160px;
    *width: 180px;
}

.ReviewFields .t-picker-wrap input { width: 98% !important; }

.ReviewFields .t-picker-wrap .t-select { margin-top: 3px; }

span.checkToInclude {
    display: inline-block;
    *display: table-cell;
    margin-left: 8px;
    vertical-align: middle;
}

span.checkToInclude input[type=checkbox] {
    *display: inline;
    position: relative;
}

.checkToInclude label {
    font-size: 12px;
    font-weight: normal;
    width: auto !important;
}

.ReviewFields .validation-group .t-widget { border-style: none; }

.HierarchyBlock select { width: 180px; }

.HierarchyBlock input[type=text] {
    width: 200px !important;
    display: inline;
}

.reviewInfo {
    margin: 25px 15px;
    clear: both;
}

.reviewInfo label { margin-top: 0px; }

.reviewLocationInfo {
    clear: both;
    margin-top: 10px;
}

.reviewLocationInfo span {
    display: inline-block;
    margin-right: 35px;
    clear: both;
}

.reviewLocationInfo span span {
    display: inline-block;
    margin-right: 5px;
}

.featureItem {
    display: inline-block;
    float: left;
    padding: 5px 8px;
    margin: 8px;
    border: 1px dotted #ccc;
}

.featureItem span {
    display: inline-block;
    padding-left: 5px;
    vertical-align: top;
    color: #999;
}


/**********************************  Permissions Pages  *********************************/

#teamMembers th {
    padding: 5px;
    vertical-align: top;
}

#teamMembers th.notify {
    padding: 5px 0px 0px 5px;
    border-bottom: none;
    text-align: center;
}

#teamMembers .t-grid-header tr th:first-child {
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
}

#ChangeOwnerWindow .t-window-scrollable { height: 180px; }

#PermissionsTableUserImport .t-window-scrollable { height: 110px; }



/**********************************  Define Operations Page  *************************************/

table.defineOps { width: 100%; }

.defineOps tr th {
    text-align: left;
    padding: 5px;
    width: 100%;
}

#AssetsList { margin: 10px; }

.assetBlock {
    margin: 10px 0px 25px 0px;
    padding: 10px;
}

.assetItems {
    clear: both;
    padding-top: 15px;
}

.assetNameContainer { float: left; }

.assetNameContainer input { width: 235px !important; }

div.separatorLine {
    margin: 10px auto 10px auto;
    width: 85%;
    text-align: center;
    border-bottom: 1px dotted #ccc;
}

span.assetName {
    padding: 2px 6px;
    border: 1px solid transparent;
    margin-right: 5px;
    font-size: 14px;
    font-weight: bold;
    max-width: 380px;
    display: inline-block;
}

span.assetName:hover {
    cursor: pointer;
    border: 1px solid;
}

span.locationName {
    padding: 4px;
    border: 1px solid transparent;
    font-weight: bold;
    display: inline-block;
}

span.locationName:hover {
    cursor: pointer;
    border: 1px solid;
    background: url(/inc/Compliance/images/overlay.png) repeat;
}

.changeLocation {
    display: inline-block;
    float: left;
}

.changeLocation select { float: none; }

.apsItemContainer {
    display: inline-block;
    background: url(/inc/Compliance/icons/draggable.png) no-repeat 2px #dddddd;
    border: 1px solid #0075BF;
    padding: 3px 4px 2px 24px;
    float: left;
    margin: 5px;
    cursor: move;
    width: 275px;
}

.apsItemContainer:hover { border: 1px solid; }

.apsItemContainer a.lookupIcon { margin-top: 7px; }

.apsItemContainer input { float: left; }

.apsItemContainer input.responsibleParty {
    margin-top: 3px;
    width: 246px !important;
}

.apsItemText {
    padding: 4px 3px 4px 4px;
    display: inline-block;
    width: 245px;
    float: left;
    cursor: pointer;
}

span.editItemButtons {
    width: 50px;
    display: none;
    margin-bottom: 2px;
    float: right;
}

span.editLocationButtons { display: none; }

span.deleteItemButton {
    width: 18px;
    margin-bottom: 2px;
    margin-right: 2px;
    float: right;
}

.deleteItemButton a {
    float: right;
    cursor: pointer;
}

.editLocationButtons a {
    cursor: pointer;
    display: inline-block;
    text-shadow: 1px 1px 1px #555;
    font-size: 11px;
    border: 1px solid;
    text-align: center;
    padding: 3px;
    width: 38px;
}

.editItemButtons a {
    cursor: pointer;
    display: inline-block;
    text-shadow: 1px 1px 1px #555;
    font-size: 11px;
    border: 1px solid;
    text-align: center;
    padding: 3px;
    width: 38px;
}

a.cancelEdit { margin: 3px 2px 0px 3px; }

a.apsEditOK { margin: 2px 2px 3px 3px; }

#OperationWindow label, #LocationWindow label { width: 135px; }

#OperationWindow .validation-group, #LocationWindow .validation-group { width: 280px; }

#OperationWindow .validation-group input, #LocationWindow .validation-group input {
    width: 85%;
    display: inline-block;
}

#OperationWindow .requiredMsg, #LocationWindow .requiredMsg {
    display: inline-block;
    color: red;
    width: 100px;
    margin: 18px 8px;
}

#LocationAnswerDeleteQuestion .t-window-scrollable { height: 162px; }

#OperationAnswerDeleteQuestion .t-window-scrollable { height: 218px; }

#OperationAnswerRenameQuestion .t-window-scrollable, #LocationAnswerRenameQuestion .t-window-scrollable { height: 210px; }

#OperationDeleteQuestion .t-window-scrollable, #LocationDeleteQuestion .t-window-scrollable { height: 70px; }

#LocationWindow .t-window-scrollable, #OperationWindow .t-window-scrollable { height: 90px; }

#LocationWindow .validationMsg, #OperationWindow .validationMsg { min-height: 13px; }



/**********************************  Supplemental Requirements Page  *************************************/

#RevSup .t-window-scrollable { height: 520px; }

.ReviewSupplemental .field-group label { width: 120px; }

.ReviewSupplemental .field-group .validation-group { width: 75%; }

.ReviewSupplemental .field-group input { width: 95%; }

.ReviewSupplemental .field-group textarea { width: 95%; }

#RevSup .requiredMsg {
    display: inline-block;
    color: red;
    width: 200px;
    margin: 15px;
}

#SupRequirementDeleteQuestion .t-window-scrollable { height: 162px; }

#SupReqDetailedDeleteQuestion .t-window-scrollable { height: 152px; }

/**********************************  Assign SME Page  *************************************/

table.assignSME {
    width: 98%;
    margin: 20px auto;
    text-align: left;
}

table.assignSME tr th {
    font-weight: bold;
    padding: 8px;
    border: 1px dotted #ddd;
    text-align: left;
}

table.assignSME tr td { padding: 5px; }

.assignSME tr th.subAreaLabels {
    width: 250px;
    padding: 5px;
}

.assignSME label {
    width: 240px;
    text-align: left;
}

.assignSME input {
    width: 83%;
    text-align: left;
}

th.empty {
    border: none;
    width: 10px;
}


/**********************************  Copy/Paste Tasks Flyout  ******************************************/


div.copyTasks {
    position: relative;
    top: 0px;
    left: 0px;
}

.flyoutCopyTasks { width: 143px; }

.copyTasks .flyoutButton {
    width: 145px;
    z-index: 5999;
}

span#copyTasksToggle {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 2px;
    height: 16px;
    width: 16px;
}

div.copyTasksPopup {
    width: 700px;
    height: 500px;
    position: absolute;
    z-index: 5000;
    background: #dddddd;
    right: 0px;
    display: none;
    box-shadow: -1px -1px 3px #aaa;
    -webkit-box-shadow: -1px -1px 3px #aaa;
    -moz-box-shadow: -1px -1px 3px #aaa;
}

div.copyTasksContent {
    width: 680px;
    margin: 15px 10px 10px 10px;
    /* font-size: 12px; */
    overflow-y: auto;
}

.copyTasksContent div.t-treeview { white-space: normal !important; }

.taskTree {
    background: #EEEEEE;
    border: 1px solid #CCCCCC;
    padding: 12px 8px 5px 8px;
    overflow-x: auto;
    overflow-y: auto;
    height: 385px;
}

.copyTasksContent .ActiveTab {
    padding: 4px 10px;
    font-weight: bold;
    border-left: 1px solid;
    border-top: 1px solid;
    border-right: 1px solid;
    margin: 0px 2px 0px 5px;
    text-decoration: none;
    display: inline-block;
}

.copyTasksContent .InactiveTab {
    background-color: #eeeeee;
    padding: 4px 10px;
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: none !important;
    cursor: pointer;
    margin: 0px 2px;
    text-decoration: none;
    display: inline-block;
}

.copyTasksContent .t-treeview .t-in {width: 93%;}

#PasteOperations .t-window-scrollable { height: 420px; }

#PasteOperations .requiredMsg {
    display: inline-block;
    color: red;
    width: 200px;
    margin: 15px;
}

#PasteOperations h4 {
    font-size: 18px;
    margin: 15px 15px 10px 0px;
}

.DetailedPasteOperations {
    margin-left: 5px;
    clear: both;
    padding-top: 15px;
}

.DetailedPasteOperations b { padding: 6px 0px; }

.DetailedPasteCitation { padding-bottom: 5px; }

.DetailedPasteOperations .validation-group {
    margin-left: 10px;
    float: left;
    display: inline-block;
}

.DetailedPasteLocOp {
    float: left;
    margin-left: 25px;
}

.DetailedPasteLocOp label { font-weight: normal; }

.deselectAll {
    /* font-size: 13px; */
    padding: 8px;
    display: inline-block;
}



/**********************************  LRI Flyout  ******************************************/

div.lri {
    position: relative;
    top: 0px;
    left: 0px;
}

.flyoutLRI { width: 63px; }

.lri .flyoutButton {
    width: 45px;
    z-index: 5999;
}

span#lriToggle {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 2px;
    height: 16px;
    width: 16px;
}

div.lriPopup {
    width: 780px;
    height: auto;
    position: absolute;
    z-index: 5000;
    background: #dddddd;
    right: 0px;
    display: none;
    box-shadow: -1px -1px 3px #aaa;
    -webkit-box-shadow: -1px -1px 3px #aaa;
    -moz-box-shadow: -1px -1px 3px #aaa;
}

div.LRIcontent {
    width: 760px;
    height: auto;
    margin: 35px 10px 10px 10px;
    font-size: 12px;
    overflow-y: auto;
    border: 1px solid #ccc;
}

#LRITable .t-grid-content {
    height: 374px !important;
    overflow-y: scroll;
}

#LRITable .t-grid-header { padding-right: 17px !important; }



/**********************************  Filter Flyout  ******************************************/

div.filters {
    position: relative;
    top: 0px;
    left: 0px;
}

.flyoutFilters { width: 80px; }

.filters .flyoutButton {
    width: 62px;
    z-index: 7999;
}

span#filterToggle {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 2px;
    height: 16px;
    width: 16px;
}

div.filterPopup {
    width: 620px;
    height: 550px;
    position: absolute;
    z-index: 7000;
    background: #dddddd;
    right: 0px;
    display: none;
    box-shadow: -1px -1px 3px #aaa;
    -webkit-box-shadow: -1px -1px 3px #aaa;
    -moz-box-shadow: -1px -1px 3px #aaa;
}

#Assess div.filterPopup {
    width: 300px;
    height: 180px;
    position: absolute;
    z-index: 7000;
    background: #dddddd;
    right: 0px;
    display: none;
    box-shadow: -1px -1px 3px #aaa;
    -webkit-box-shadow: -1px -1px 3px #aaa;
    -moz-box-shadow: -1px -1px 3px #aaa;
}

#Assess .filterBy { display: none; }

#Assess .moreFilterOptions { margin-top: 15px; }

.filterBy {
    font-weight: bold;
    padding: 10px;
}

div.filtersTabContainer {
    width: 600px;
    margin: 0px 10px;
    /*font-size: 12px;*/
}

.filtersTabContainer .ActiveTab {
    padding: 4px 10px;
    font-weight: bold;
    border-left: 1px solid;
    border-top: 1px solid;
    border-right: 1px solid;
    margin: 0px 2px 0px 5px;
    text-decoration: none;
    display: inline-block;
}

.filtersTabContainer .InactiveTab {
    padding: 4px 10px;
    border-left: 1px solid;
    border-top: 1px solid;
    border-right: 1px solid;
    border-bottom: none !important;
    cursor: pointer;
    margin: 0px 2px;
    text-decoration: none;
    display: inline-block;
}

.inactiveFilterGroupBlock { display: none; }

.filterChild { padding-left: 12px; }

.filter {
    background: #eeeeee;
    border: 1px solid #cccccc;
    padding: 12px 8px 5px 8px;
}

.filterPersonLabel {
    width: 33%;
    float: left;
    font-weight: bold;
}

.filterOptionLabel {
    float: left;
    font-weight: bold;
    display: inline-block;
    width: auto;
}

.filterPerson { margin: 0px 3px; }

.filterPersons {
    width: 33%;
    margin: 10px auto 5px auto;
    overflow-y: scroll;
    height: 120px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    float: left;
    position: relative;
}

.filterOptions {
    width: 66%;
    margin: 10px auto 5px auto;
    overflow-y: scroll;
    height: 120px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    float: left;
    position: relative;
}

.activationLinks {
    text-align: center;
    font-style: italic;
    margin-bottom: 5px;
}

.filterPersonActivation {
    width: 33%;
    float: left;
    display: inline-block;
}

.filterOptionActivation {
    width: 66%;
    float: left;
    display: inline-block;
}

.activeFilter { background: #ffffff; }

.inactiveFilter { background: #dddddd; }

.filterOptions label, .filterPersons label {
    font-weight: normal;
    font-size: 12px;
}

#PopupFilters .actionBtns {
    width: 220px;
    margin: 5px 15px;
    display: inline-block;
}

#PopupFilters .actionBtnsFilterHLRDR {
    position: relative;
    top: -46px;
}

#PopupFilters .actionBtnsFilterTasksNormal {
    position: relative;
    top: 18px;
}

#PopupFilters .actionBtnsFilterTasksUpdating {
    position: relative;
    top: -18px;
}

.filterOptionsValidationMsg {
    font-size: 11px;
    color: #ff0000;
    font-weight: bold;
    text-align: left; /*clear:both; display:inline-block;*/
    min-height: 13px; /*width:340px;*/
    padding-left: 8px;
}

.filterOptionsValidationMsgHLRDRNormal {
    width: 200px;
    position: relative;
    top: 122px;
    left: -30px;
    float: left;
}

.filterOptionsValidationMsgHLRDRUpdating {
    width: 200px;
    position: relative;
    top: 20px;
    left: -210px;
    float: left;
}

.filterOptionsValidationMsgTasksNormal {
    width: 200px;
    position: relative;
    top: 130px;
    left: -210px;
    float: left;
}

.filterOptionsValidationMsgTasksUpdating {
    width: 300px;
    position: relative;
    left: 60px;
    float: left;
}

div.selectionLinks {
    font-size: 12px;
    text-align: right;
    clear: both;
    padding: 8px 0px;
}

div.selectionLinks a { padding: 0px 8px; }

span.selectionCountContainer {
    /*font-size: 12px;*/
    float: right;
    margin: -5px -5px 0px 0px;
    padding: 3px;
}

span.plusCount {
    padding: 4px;
    display: none;
}

span.selectionCount {
    padding: 4px 2px;
    font-weight: bold;
}

.filterPopup span.validationMsg {
    margin: 8px 0px 5px 0px;
    min-height: 12px;
    text-align: center;
}

div.moreOptions { width: 625px; }

div.moreFilterOptions {
    width: 28%;
    float: left;
    margin: 0px 7px 10px 7px;
    padding: 8px;
}

div.moreFilterOptionsAnswers {
    width: 28%;
    float: left;
    margin: 0px 7px 10px 7px;
    padding: 8px;
}

div.moreFilterOptionsTaskWritingStatus {
    /* width: 21%; */
    float: left;
    margin: 0px 7px 10px 7px;
    padding: 8px;
}

div.moreFilterOptionsHasTasks {
    width: 12%;
    float: left;
    margin: 0px 7px 10px 7px;
    padding: 8px;
}

div.moreFilterOptionsUpdateOptions {
    width: 20%;
    float: left;
    margin: 0px 7px 10px 7px;
    padding: 8px;
}

div.moreFilterOptionsImpactingOptions {
    width: 26%;
    float: left;
    margin: 0px 7px 10px 7px;
    padding: 8px;
}

.moreFilterOptions label,
.moreFilterOptionsAnswers label,
.moreFilterOptionsHasTasks label,
.moreFilterOptionsTaskWritingStatus label,
.moreFilterOptionsUpdateOptions label,
.moreFilterOptionsImpactingOptions label { font-weight: normal; }

div.moreFilterOptionsAnswers a.fselectAll, div.moreFilterOptionsAnswers a.fdeselectAll,
div.moreFilterOptionsHasTasks a.fselectAll, div.moreFilterOptionsHasTasks a.fdeselectAll,
div.moreFilterOptionsTaskWritingStatus a.fselectAll, div.moreFilterOptionsTaskWritingStatus a.fdeselectAll,
div.moreFilterOptionsUpdateOptions a.fselectAll, div.moreFilterOptionsUpdateOptions a.fdeselectAll,
div.moreFilterOptionsImpactingOptions a.fselectAll, div.moreFilterOptionsImpactingOptions a.fdeselectAll {
    font-size: 12px;
    margin-left: 7px;
}

/**********************************  Jump To Flyout  ******************************************/

div.jumpTo {
    position: relative;
    top: 0px;
    left: 0px;
}

.flyoutJumpTo { width: 93px; }

.jumpTo .flyoutButton {
    width: 75px;
    z-index: 6999;
}

span#jumpToToggle {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 2px;
    height: 16px;
    width: 16px;
}

div.jumpToPopup {
    width: 620px;
    height: 460px;
    position: absolute;
    z-index: 6000;
    background: #dddddd;
    right: 0px;
    display: none;
    box-shadow: -1px -1px 3px #aaa;
    -webkit-box-shadow: -1px -1px 3px #aaa;
    -moz-box-shadow: -1px -1px 3px #aaa;
}

div.jumpToContent {
    width: 600px;
    height: 405px;
    margin: 35px 10px 10px 10px;
    /* font-size: 12px; */
    overflow-y: auto;
    border: 1px solid #ccc;
}

.moreJumpToContent {
    display: none;
    padding: 5px 8px;
    margin-left: -392px;
    width: 360px;
    max-height: 250px;
    overflow-y: auto;
    text-align: left;
    line-height: 15px;
    position: absolute;
    z-index: 9999;
    border: 1px solid;
}

#HighLevelJumpTo .t-grid-content, #AssessScreeningJumpTo .t-grid-content {
    height: 288px !important;
    overflow-y: scroll;
}

#DetailedJumpTo .t-grid-content, #TasksJumpTo .t-grid-content {
    height: 275px !important;
    overflow-y: scroll;
}

#HighLevelJumpTo .t-grid-header, #DetailedJumpTo .t-grid-header, #TasksJumpTo .t-grid-header, #AssessScreeningJumpTo .t-grid-header { padding-right: 17px !important; }



/**********************************  Statistics Flyout  ******************************************/

/*.progressBlock { float:right; margin:8px 50px 0px 0px; display:inline-block; }*/

.flyoutStats { width: 133px; }

div.statistics {
    position: relative;
    top: 0px;
    left: 0px;
}

.statistics .flyoutButton {
    width: 115px;
    z-index: 8999;
}

div.miniProgress {
    width: 28px;
    display: inline-block;
    height: 8px;
    background: #ffffff;
    border: 1px solid #ccc;
    margin-left: 5px;
}

.miniProgress .fullAnswers { height: 8px; }

span#statToggle {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 2px;
    height: 16px;
    width: 16px;
}

span.flyoutClosed { background: url(/inc/Compliance/icons/expand.png) no-repeat; }

span.flyoutOpen { background: url(/inc/Compliance/icons/collapse.png) no-repeat; }

div.statPopup {
    width: 500px;
    height: 340px;
    position: absolute;
    z-index: 8000;
    background: #dddddd;
    right: 0px;
    display: none;
    box-shadow: -1px -1px 3px #aaa;
    -webkit-box-shadow: -1px -1px 3px #aaa;
    -moz-box-shadow: -1px -1px 3px #aaa;
}

div.statsTabContainer {
    width: 480px;
    margin: 0px 10px;
    font-size: 14px;
}

div.subjectAreas {
    background: #ffffff;
    height: 210px;
    overflow-y: scroll;
    border: 1px solid #ccc;
}

div.oddRow {
    background: #eeeeee;
    clear: both;
    min-height: 42px;
}

div.evenRow {
    background: #ffffff;
    clear: both;
    min-height: 42px;
}

div.subjectArea, div.progressLabel {
    width: 150px;
    padding: 5px;
    display: inline-block;
    float: left;
}

.subjectAreas div.subAreaProgress {
    width: 290px;
    height: 20px;
    display: inline-block;
    border: 1px solid #ccc;
    background: #ffffff;
    margin-top: 10px;
    margin-right: 8px;
}

.overall_progress {
    margin-left: 10px;
    height: 60px;
}

.overall_progress .progressLabel {
    margin-top: 12px;
    line-height: 20px;
    font-weight: bold;
}

.overall_progress div.allProgress {
    width: 290px;
    height: 20px;
    display: inline-block;
    border: 1px solid #ccc;
    background: #ffffff;
    margin-top: 15px;
    margin-right: 8px;
}

#OverallProgressNumbers {
    font-size: 12px;
    text-align: right;
    margin-right: 40px;
}

.statsTabContainer .ActiveTab {
    padding: 4px 10px;
    font-weight: bold;
    border-left: 1px solid;
    border-top: 1px solid;
    border-right: 1px solid;
    margin: 0px 2px 0px 5px;
    text-decoration: none;
    display: inline-block;
}

span.fullAnswers, span.partialAnswers {
    display: inline-block;
    float: left;
    height: 20px;
    background-image: url(/inc/Compliance/images/statsProgressOverlay.png);
    background-repeat: repeat-x;
}

.statsLegend { font-size: 12px; }

.legendIcon {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: 0px 5px;
}

.completelyAnswered, .partiallyAnswered {
    display: inline-block;
    margin: 8px 10px;
}



/**********************************  Screening Page  *************************************/

input.prevQuestion[type="button"], .backCell input {
    display: block;
    position: relative;
    margin-left: -27px;
    text-shadow: 1px 1px 1px #555;
    font-weight: bold;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    cursor: pointer;
    height: 200px;
    width: 28px;
    text-align: center;
    padding: 0px;
}

input.prevQuestion[type="button"]:hover, input.nextQuestion[type="button"]:hover {
    background-image: url(/inc/Compliance/images/overlay.png);
    background-repeat: repeat;
    border: 1px solid;
}

input.nextQuestion[type="button"], .nextCell input {
    display: block;
    position: relative;
    margin-right: -30px;
    margin-left: 30px;
    text-shadow: 1px 1px 1px #555;
    font-weight: bold;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    cursor: pointer;
    height: 200px;
    width: 28px;
    text-align: center;
    padding: 0px;
    vertical-align: middle;
}

input.prevQuestion[disabled='disabled'], input.nextQuestion[disabled='disabled'], input.prevQuestion[disabled='disabled']:hover, input.nextQuestion[disabled='disabled']:hover {
    cursor: default;
    color: #dddddd !important;
    background: #eeeeee !important;
    border: 2px solid #dddddd !important;
}

td.backCell, td.nextCell { width: 30px; }

.screeningTabs {
    margin: 10px 0px 0px 65px;
    display: inline-block;
}

.screeningTabs .ActiveTab {
    padding: 5px 10px;
    font-weight: bold;
    border-left: 2px solid;
    border-top: 2px solid;
    border-right: 2px solid;
    margin: 0px 1px;
    text-decoration: none;
}

.screeningTabs .InactiveTab {
    padding: 5px 10px;
    border-left: 1px solid;
    border-top: 1px solid;
    border-right: 1px solid;
    cursor: pointer;
    margin: 0px 1px;
    text-decoration: none;
}

.questionActions nav.actionBar {
    margin: 0px 60px 0px 0px;
    padding: 0px;
}

.flyoutItem {
    display: inline-block;
    height: 28px;
    margin: 2px 5px 0px 5px;
}

div.flyoutButton {
    height: 24px;
    cursor: pointer;
    border: 1px solid transparent;
    padding: 0px 8px;
    line-height: 24px;
    position: absolute;
    right: 0px;
}

div.progressTab {
    display: inline-block;
    float: right;
}

.form-container {
    background: #ffffff;
    width: 90%;
    margin: 0px auto 15px auto;
    padding: 10px;
    border: 1px solid #dddddd;
}

.accordionButton {
    margin-top: 2px;
    cursor: pointer;
    padding: 10px;
    font-size: 15px;
    font-weight: bold;
}

.accordionExpand {
    background: url(/inc/Compliance/icons/expand.png) no-repeat 2px;
    padding-left: 20px;
}

.accordionCollapse {
    background: url(/inc/Compliance/icons/collapse.png) no-repeat 2px;
    padding-left: 20px;
}

.accordionContent {
    display: none;
    padding: 5px;
}

.guideNoteContent { padding: 5px; }

span.requirement {
    width: 60%;
    display: inline-block;
}

span.citation {
    float: right;
    width: 300px;
    text-align: left;
}

span.smeHeading { margin-left: 40px; }

a#LRIWorksheet { margin-left: 40px; }

table.questionInfo {
    width: 600px;
    margin-top: 15px;
    margin-bottom: 10px;
    border: none;
}

table.question {
    vertical-align: middle;
    border: none;
    width: 100%;
    margin: 0 auto;
    text-align: left;
}

.AssociatedRequirement {
    padding-bottom: 15px;
    border-bottom: 1px dotted #ccc;
    margin: 5px 0px 20px 0px;
}

table.requirements { width: 100%; }

table.requirements tr td {
    vertical-align: top;
    text-align: left;
    padding: 5px;
}

table.requirements tr td:first-child {
    white-space: nowrap;
    width: 95px;
    font-size: 13px;
}

table.HighLevelRequirement, table.DetailedRequirement { width: 100%; }

table.HighLevelRequirement tr td, table.DetailedRequirement tr td { padding: 3px 5px !important; }

table.HighLevelRequirement tr td:first-child, table.DetailedRequirement tr td:first-child {
   /* font-size: 13px;*/
    width: 110px;
    vertical-align: top;
}

.otherReqs { text-align: right; }

#OtherReqs .t-window-scrollable { height: 425px; }

.questionReqs { margin: 10px 0px; }

div#QuestionContent div#DeletionReviewContainer { padding: 10px; }

div#QuestionContent div#DeletionReviewContainer input#DeletionReview { float: right; }

div#QuestionContent div#DeletionReviewContainer table {
    clear: both;
    position: relative;
    top: 10px;
}

div#QuestionContent div#DeletionReviewContainer td:nth-child(odd) { padding-right: 15px; }

div#QuestionContent div#DeletionReviewContainer td:nth-child(even) { white-space: nowrap; }

div#QuestionContent div#DeletionReviewContainer div#DeletionReviewDRText { padding-bottom: 15px; }

div#QuestionContent div#DeletionReviewContainer div#DeletionReviewButtons { float: right; }

.rationaleInput { display: none; }

.rationaleInput textarea {
    width: 120px;
    color: #cccccc;
    font-style: italic;
}

#Rationale textarea {
    margin: 5px;
    width: 430px;
    height: 180px;
}

#Rationale .t-window-actions { display: none; }

div.qualAnswers { height: auto; }

div.answer {
    float: left;
    width: 140px;
    padding: 0px 0px 5px 8px;
    border-right: 1px dotted #aaaaaa;
    margin: 10px 0px;
}

div.answerGray { background: #dddddd; }

div.qualAnswersBlock {
    float: left;
    width: 47%;
    padding: 0px 10px;
    border-right: 1px dotted #aaaaaa;
    height: 100%;
}

.answerAll {
    padding: 8px;
    border: 1px dotted #ccc;
    width: 260px;
    margin-bottom: 10px;
    display: inline-block;
}

.answerAll label {
    float: none;
    margin-right: 15px;
    font-weight: normal;
}

.answerAll .rationaleLink {
    margin-top: -8px;
    margin-right: -8px;
}

.answerAll input[type="button"] {
    padding: 3px 6px;
    margin: 0px 0px 0px 5px;
    font-size: 13px;
}

.answerAllActive {
    padding: 8px;
    border: 1px dotted #ccc;
    width: 325px;
    margin-bottom: 10px;
    display: inline-block;
}

.answerAllActive label {
    float: none;
    margin-right: 15px;
    font-weight: normal;
}

.answerAllActive .rationaleLink {
    margin-top: -8px;
    margin-right: -8px;
}

.answerAllActive input[type="button"] {
    padding: 3px 6px;
    margin: 0px 0px 0px 5px;
    font-size: 13px;
}

.answerAllActive span.helpIcon { margin-left: 10px; }

div.andAnswer {
    float: left;
    width: 200px;
    padding: 0px 8px;
    margin-left: 30px;
}

div.answerNoneApply {
    clear: both;
    margin-top: 20px;
    padding-left: 9px;
}

div.GlobalAnswerLeft { float: left; }

div.GlobalAnswerRight {
    float: right;
    margin-right: 30px;
}

#AnswerChange .t-window-actions { display: none; }

#AnswerChange .t-window-scrollable { height: 95px; }

#OperationChangeQuestion .t-window-scrollable { height: 185px; }

.answer label, .qualAnswersBlock label {
    float: none;
    font-weight: normal;
    vertical-align: middle;
    /* width: 510px; */
}

.answerNoneApply label { float: none; }

span.reviewed {
    float: left;
    display: inline-block;
    width: 120px;
    height: 16px;
}

span.rationaleLink {
    float: right;
    display: inline-block;
    width: 16px;
    height: 16px;
    cursor: pointer;
    padding-right: 10px;
}

a.addRationale {
    display: block;
    width: 16px;
    height: 16px;
    /*border-top: 1px solid;
    border-right: 1px solid;*/
    /*background-image: url(/inc/Compliance/icons/rationale_add.png);*/
    background-repeat: no-repeat;
}

a.editRationale {
    display: block;
    width: 16px;
    height: 16px;
    /*background-image: url(/inc/Compliance/icons/rationale_edit.png);*/
    background-repeat: no-repeat;
}

a.viewRationale {
    display: block;
    width: 16px;
    height: 16px;
    background-image: url(/inc/Compliance/icons/rationale_view.png);
    background-repeat: no-repeat
}

.aps_asset {
    width: 96%;
    display: inline-block;
    margin-top: 8px;
}

span.responsible {
    margin-bottom: 8px;
    display: block;
}

div.locationSeparator {
    border-top: 1px dotted #aaaaaa;
    margin: 30px 0px 5px 0px;
}

.locationSeparator h3 {
    background: #ffffff;
    padding: 3px 8px;
    margin: -15px 0px 0px 15px !important;
    display: inline-block;
    position: absolute;
}

.detailedRequirements {
    background: #eeeeee;
    max-height: 150px;
    overflow-y: auto;
    padding: 8px;
}

#LRIWin .t-window-scrollable { height: 520px; }

.showDetailedReqs { margin-right: 25px; }

#DetailedOperationAnswerQuestion .t-window-scrollable { height: 182px; }

/***********************************  Versioning Start Pages  ***********************************************/

.moreContentLeft span.tooltip {
    display: none;
    padding: 5px 8px;
    margin-left: -130px;
    margin-top: 8px;
    width: 100px;
    max-height: 200px;
    overflow-y: auto;
    text-align: left;
}

.moreContentLeft .deletedDR {
    display: inline-block;
    width: auto;
    height: 16px;
    /* font-size: 12px; */
    margin: 0px 3px;
    padding: 0px 3px;
    text-align: center;
    line-height: 16px;
    cursor: default;
}

.moreContentLeft .modifiedDR {
    display: inline-block;
    width: auto;
    height: 16px;
    /* font-size: 12px; */
    margin: 0px 3px;
    padding: 0px 3px;
    text-align: center;
    line-height: 16px;
    cursor: default;
}

.moreContentLeft .createdDR {
    display: inline-block;
    width: auto;
    height: 16px;
    /* font-size: 12px; */
    margin: 0px 3px;
    padding: 0px 3px;
    text-align: center;
    line-height: 16px;
    cursor: default;
}

.reviewConfirmation {
    margin-right: 15px;
    display: inline-block;
}

h2 input[type=button] {
    font-size: 13px;
    padding: 2px 4px;
    margin-left: 25px;
}

#ReviewNonImpactingChanges .t-window-scrollable { height: 90px; }

#ReviewFirstTimeUpdate .t-window-scrollable { height: 90px; }

#ReviewOptions .t-window-scrollable { height: 68px; }

/***********  Screening Versioning  ***************/

div.falseGap {
    height: 8px;
    padding: 0px;
    margin: 0px;
}

div.reqUpdateContainer { background: #eeeeee; }

div.reqChanges { margin: 0px 5px 8px 5px; }

div.IMPACTING, div.NON_IMPACTING { border: 1px solid; }

table.requirementChanges { width: 100%; }

table.requirementChanges tr td {
    vertical-align: top;
    text-align: left;
    padding: 5px;
}

table.requirementChanges tr td:first-child {
    white-space: nowrap;
    text-align: right;
    width: 90px;
}

span.changeType {
    float: right;
    height: 20px;
    line-height: 20px;
    display: inline-block;
}

.changeType img {
    margin-bottom: -3px;
    margin-right: 2px;
}

div.versions {
    text-align: center;
    padding: 5px 8px;
    border-top: 1px dotted #ccc;
    margin: 15px 15px 0px 15px;
}

.versions span, span.reqVersion {
    padding: 0px 8px;
    height: 20px;
    line-height: 20px;
    cursor: pointer;
}

.versions span img, span.reqVersion img {
    margin-bottom: -3px;
    margin-right: 2px;
}

.reqVersions span.selected, .versions span.selected, table.requirementChanges span.selected {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    height: 20px;
    display: inline-block;
}

.reqVersions span.selected a, .versions span.selected a, table.requirementChanges span.selected a {/* color: #ffffff; */}

span.versionCount {
    width: 75px;
    float: right;
    color: red;
}

div.actionSelect {
    display: inline-block;
    width: 260px;
    float: right;
    padding: 8px;
    border: 1px dotted #ccc;
    margin-bottom: 10px;
    margin-right: 20px;
}

.actionSelect input[type="button"] {
    font-size: 14px;
    padding: 3px 6px;
}

div.shortEllipsisedText { max-width: 640px; }

img.expandEllipsis, img.contractEllipsis {
    margin: 0px 0px -2px 2px;
    cursor: pointer;
}

.reviewedMarker {
    color: #999999;
    font-size: 12px;
}



/**********************************  Worksheets Page  *************************************/

span.reportBlock {
    width: 30%;
    margin: 8px;
    height: 140px;
    float: left;
    /*font-size: 12px;*/
    display: inline-block;
    border: 1px solid transparent;
    padding: 8px 5px;
    cursor: pointer;
}

.reportBlock b {
    display: inline-block;
    margin-bottom: 5px;
}

.reportBlock img {
    float: left;
    padding: 3px 10px 55px 0px;
}

a span.reportBlock {
    color: #7a7a7a;
    text-decoration: none;
}

a:hover span.reportBlock b { text-decoration: underline; }

a span.reportBlock:hover { border: 1px solid; }

#WindowRegister .t-window-scrollable {height: 185px;}

#WorksheetRegister label {
    float: none;
    font-weight: normal;
}

#WorksheetRegister #AnswerOptions { margin-left: 10px; }

#WindowMatrix .t-window-scrollable { height: 210px; }

#WorksheetMatrix label {
    float: none;
    font-weight: normal;
}

#WorksheetMatrix #AnswerOptions { margin-left: 10px; }

.WorksheetMatrixOptions {
    overflow-y: scroll;
    height: 165px;
    width: 440px;
    background: #eeeeee;
    border: 1px solid #ccc;
    margin: 15px auto 0px auto;
}

#WindowChecklist .t-window-scrollable { height: 210px; }

#WorksheetChecklist label {
    float: none;
    font-weight: normal;
}

#WorksheetChecklist #AnswerOptions { margin-left: 10px; }

.WorksheetChecklistOptions {
    overflow-y: scroll;
    height: 165px;
    width: 440px;
    background: #eeeeee;
    border: 1px solid #ccc;
    margin: 15px auto 0px auto;
}

#WorksheetDialog .t-window-scrollable { height: 65px; }

.editIcon {
    display: inline-block;
    width: 23px;
    height: 23px;
    background: url(/inc/Compliance/icons/edit.png) no-repeat;
}

.EditForm .validation-group { width: 78%; }

.EditForm .validation-group input { width: 98%; }

.selectedworksheets {
    display: inline-block;
    margin: 5px 0px 0px 10px;
    font-size: 13px;
}

#EditWin .t-window-scrollable { height: 30px; }

#ArchiveSelected .t-window-scrollable, #UnArchiveSelected .t-window-scrollable { height: 50px; }

/**************************************  Events Page  *****************************************/

#EventAddEditModal label { width: 100px; }

#EventAddEditModal .validation-group { width: 75%; }

#EventAddEditModal .validation-group input, #EventAddEditModal .validation-group textarea { width: 90%; }

#EventAddEditModal .t-window-scrollable { height: 180px; }

#EventAddEditModal #Name { width: 320px; }

#EventInstancesModal .t-grid-header .t-header {
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
}

#EventInstancesModal .t-window-scrollable { height: auto; }

.eventInfo div {
    width: 85%;
    display: inline-block;
    padding: 5px;
}

.eventInfo input { float: right; }

#EventInstanceModal .t-grid-header .t-header {
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
}

.eventInstanceInfo div {
    width: 80%;
    display: inline-block;
    padding: 5px;
}

.eventInstanceInfo input { float: right; }

#EventTasksModal .t-grid-header .t-header {
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
}

#EventTasksModal .t-window-scrollable { height: 513px; }

#AddEditEventInstanceModal label { width: 135px; }

#AddEditEventInstanceModal .validation-group { width: 340px; }

#AddEditEventInstanceModal .validation-group input, #AddEditEventInstanceModal .validation-group textarea { width: 90%; }

#AddEditEventInstanceModal .actionBtns {
    position: absolute;
    bottom: 5px;
    right: 5px;
}

#AddEditEventInstanceModal .t-widget { border-bottom: none; }

#AddEditEventInstanceModal .t-widget input { width: 100% !important; }

#EventInstanceAddEditModal label { width: 120px; }

#EventInstanceAddEditModal .validation-group { width: 70% }

#EventInstanceAddEditModal .validation-group input, #EventInstanceAddEditModal .validation-group textarea { width: 90% }

#EventInstanceAddEditModal .t-datetimepicker input { width: 98%; }

#EventInstanceAddEditModal .t-window-scrollable { height: 190px; }

/**************************************  Tasks Page  ******************************************/

div#TasksClipboard {
    /*border: 1px dotted #ccc;
    float: right;*/
    width: 260px;
    display: none;
}

#TasksClipboard .deleteItem {
    margin: 1px 0px 0px 0px;
    clear: none;
    float: right;
    padding-left: 16px;
    text-decoration: none;
}

div.clipboardCount { padding: 4px 8px; }

span.clipboardClosed {
    background: url(/inc/Compliance/icons/chevronDown.png) no-repeat;
    padding-left: 22px;
    cursor: pointer;
}

span.clipboardOpen {
    background: url(/inc/Compliance/icons/chevronUp.png) no-repeat;
    padding-left: 22px;
    cursor: pointer;
}

ul.tasksInClipboard {
    display: none;
    margin: -4px 0px 0px -1px;
    padding: 10px 5px;
    width: 250px;
    position: absolute;
    z-index: 9999;
    border-left: 1px dotted;
    border-right: 1px dotted;
    border-bottom: 1px dotted;
}

.tasksInClipboard li {
    margin: 0px 0px 3px 20px;
    padding: 0px;
}

#ClearClipboard { cursor: pointer; }

a.clearClipboard { margin-left: 15px; }

nav.taskMgrNav {
    clear: both;
    text-align: center;
    margin: 0 auto;
    font-size: 15px;
    width: 940px;
}

.taskMgrNav span.ui-corner-all {
    width: 265px;
    text-align: left;
}

.taskMgrNav span {
    float: left;
    display: inline-block;
    vertical-align: middle;
}

.taskMgrNav span img { vertical-align: middle; }

.taskMgrNav .ActiveTab {
    padding: 5px 8px;
    font-weight: bold;
    border: 3px solid;
}

.taskMgrNav .InactiveTab {
    padding: 5px 8px;
    border: 1px solid;
    cursor: pointer;
    margin-top: 2px;
}

.nextTabIcon { padding: 5px 8px; }

/*.InactiveTab:hover { border: 1px solid; }*/

.DisabledTab:hover {
    border: 1px solid !important;
    cursor: default;
}

.hlRequirementTab {
    background: url(/inc/Compliance/icons/hlRequirement.png) no-repeat;
    padding-left: 22px;
}

.dRequirementTab {
    background: url(/inc/Compliance/icons/dRequirement.png) no-repeat;
    padding-left: 22px;
}

.taskTab {
    background: url(/inc/Compliance/icons/task.png) no-repeat;
    padding-left: 22px;
}

#TaskTabs {
    margin: 25px 0px 0px 35px;
    display: inline-block;
}

#TaskTabs .ActiveTab {
    padding: 5px 10px;
    font-weight: bold;
    border-left: 2px solid;
    border-top: 2px solid;
    border-right: 2px solid;
    margin: 0px 1px;
    text-decoration: none;
}

#TaskTabs .InactiveTab {
    padding: 5px 10px;
    border-left: 1px solid;
    border-top: 1px solid;
    border-right: 1px solid;
    cursor: pointer;
    margin: 0px 1px;
    text-decoration: none;
}

.taskingPanels {
    border: 1px solid #ccc;
    margin: 5px 15px 10px 15px;
    overflow-y: auto;
    overflow-x: hidden;
    height: 435px;
    padding: 15px 10px;
}

span.moreInfo {
    display: inline-block;
    position: absolute;
    bottom: 0px;
    right: 5px;
}

span.moreInfoIcon {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(/inc/Compliance/moreInfo.png) no-repeat;
    cursor: pointer;
}

span.moreInfo:hover {
    text-decoration: none;
    cursor: pointer;
}

/*BG color is a must for IE6*/

.moreInfo span.tooltip {
    position: absolute;
    z-index: 9999;
}

.rowSelected { background: #DDDDDD !important; }

.rowSelected td {
    border-top: 2px solid red !important;
    border-bottom: 2px solid red !important;
}

#RequirementView { margin-top: 20px; }

#DetailedView, #TaskView {
    background: #fff;
    border: 1px solid #ddd;
    margin: 20px 10px;
}

#DetailedView .tableWrap, #TaskView .tableWrap {
    margin: 10px 5px 5px 5px;
    width: auto;
}


.HLReqExpand {
    background: url(/inc/Compliance/icons/expand.png) no-repeat 2px;
    padding-left: 18px;
    cursor: pointer;
    margin-left: -18px;
}

.HLReqCollapse {
    background: url(/inc/Compliance/icons/collapse.png) no-repeat 2px;
    padding-left: 18px;
    cursor: pointer;
    margin-left: -18px;
}

.applicabilityCell div.innerWrap {
    position: relative;
    width: 100%;
}

.applicabilityCell select {
    margin-top: 17px;
    margin-bottom: 5px;
    font-size: 13px;
}

#DetailedReqs .t-window-scrollable { height: 430px; }

.requirementDetails table {
    margin: 15px 0px 15px 0px;
    border-bottom: 1px dotted #aaa;
    width: 100%;
}

.requirementDetails table td {
    vertical-align: top;
    padding: 4px;
}

.requirementDetails table tr:last-child td { padding-bottom: 25px !important; }

#DetailedReqs span.rationaleLink {
    position: absolute;
    top: 0px;
    right: 0px;
    display: inline-block;
    width: 16px;
    height: 16px;
    cursor: pointer;
    margin-top: -3px;
    margin-right: -6px;
}

#DetailedReqs a.addRationale {
    background-image: url(/inc/Compliance/icons/rationale_add.png);
    background-repeat: no-repeat;
    display: block;
    width: 16px;
    height: 16px;
}

#DetailedReqs a.editRationale {
    background-image: url(/inc/Compliance/icons/rationale_edit.png);
    background-repeat: no-repeat;
    display: block;
    width: 16px;
    height: 16px;
}

div#RequirementInfo { padding: 10px; }

div.drView_hlr {
    display: inline-block;
    width: 74%;
    margin-right: 5px;
}

div.drView_sa {
    display: inline-block;
    width: 25%;
    float: right;
}

div.drView_cit {
    clear: both;
    margin: 10px 0px;
}

table.tView_allReqInfo {
    width: 95%;
    margin: 10px auto;
}

.tView_allReqInfo td { padding: 5px; }

span.moreContent:hover {
    text-decoration: none;
    cursor: pointer;
}

/*BG color is a must for IE6*/

span.guideNoteIcon {
    display: inline-block;
    width: 23px;
    height: 23px;
    background: url(/inc/Compliance/icons/guideNote.png) no-repeat;
}

span.summaryIcon {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(/inc/Compliance/icons/summary.png) no-repeat;
}

.guideNoteTooltipLeft span.tooltip, .summaryTooltipLeft span.tooltip {
    display: none;
    padding: 5px 8px;
    margin-left: -380px;
    margin-top: 13px;
    width: 360px;
    max-height: 250px;
    overflow-y: auto;
    text-align: left;
    line-height: 15px;
}

.guideNoteTooltipRight span.tooltip, .summaryTooltipRight span.tooltip {
    display: none;
    padding: 5px 8px;
    margin-left: 0px;
    margin-top: 13px;
    width: 360px;
    max-height: 250px;
    overflow-y: auto;
    text-align: left;
    line-height: 15px;
}

.rationaleLeft span.tooltip {
    display: none;
    padding: 5px 8px;
    margin-left: 0px;
    margin-top: 13px;
    width: 360px;
    max-height: 250px;
    overflow-y: auto;
    text-align: left;
    line-height: 15px;
    position: absolute;
}

span:hover span.tooltip {
    display: inline;
    position: absolute;
    font-size: 12px;
    z-index: 9000;
}

div.prevRequirement {
    display: inline-block;
    float: left;
    position: relative;
    margin: 30px 0px 0px -15px;
    font-weight: bold;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    cursor: pointer;
    height: 200px;
    width: 28px;
    text-align: center;
    border: 1px solid;
    line-height: 200px;
}

div.prevRequirement:hover {
    background-image: url(/inc/Compliance/images/overlay.png);
    background-repeat: repeat;
    border: 1px solid;
}

div.nextRequirement {
    display: inline-block;
    float: right;
    position: relative;
    margin: 30px -15px 0px 0px;
    font-weight: bold;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    cursor: pointer;
    height: 200px;
    width: 28px;
    text-align: center;
    border: 1px solid;
    line-height: 200px;
}

div.nextRequirement:hover {
    background-image: url(/inc/Compliance/images/overlay.png);
    background-repeat: repeat;
    border: 1px solid;
}

.prevRequirementDisabled, .nextRequirementDisabled, .prevRequirementDisabled:hover, .nextRequirementDisabled:hover {
    cursor: default;
    color: #dddddd !important;
    background: #eeeeee !important;
    border: 2px solid #dddddd !important;
}

div.requirementTask { margin: 10px 3px 5px 3px; }

.requirementTask .field-group label {
    width: 300px;
    /* font-size: 13px; */
}

.requirementTask .field-group .validation-group { width: 650px; }

.requirementTask .validation-group label { width: auto; }

.requirementTask .field-group .validation-group input { width: 100%; }

#PasteOperationsWindow .field-group label {/* font-size: 13px; */}

#UpdateTaskWindow .t-window-scrollable { height: 480px; }

#UpdateTaskWindow input, #UpdateTaskWindow textarea { width: 95%; }

#UpdateTaskWindow input[type=button] { width: auto; }

#UpdateTaskWindow input.taskPersonInput { width: 200px; }

#UpdateTaskWindow .validation-group .t-widget { border-style: none; }

#UpdateTaskWindow .t-datetimepicker input { width: 98%; }

#UpdateTaskWindow .t-picker-wrap .t-select { margin-top: 3px; }

#UpdateTaskWindow .requiredMsg {
    display: inline-block;
    color: red;
    width: 200px;
    margin: 15px;
}

.events-group .validation-group select {
    float: left;
    margin-right: 2px;
}

#EventsContainer {
    float: left;
    display: inline-block;
}

.ReviewEvent {
    display: inline-block;
    float: left;
    font-size: 12px;
    border: 1px solid;
    border-radius: 3px 3px 3px 3px;
    padding: 3px 5px 2px;
    position: relative;
    margin: 0px 2px;
}

.ReviewEvent label { width: auto !important; }

#AddEvent { margin-top: 4px; }

#AddEventModal label { width: 100px; }

#AddEventModal .validation-group { width: 75%; }

#AddEventModal .validation-group input, #AddEventModal .validation-group textarea { width: 90%; }

#AddEventModal .t-window-scrollable { height: 150px; }

#AddEventModal #Name { width: 320px; }

.TaskFreq-group select {
    float: left;
    margin-right: 5px;
}

#TaskFreqUnits {
    float: left;
    display: inline-block;
}

#TaskFreqUnits input[type=text] { width: 35px; }

#TaskFreqUnits select {
    float: none !important;
    margin-left: 3px;
}

#DueDateNonEvent .t-datetimepicker { float: left; }

#DueDateNonEvent .DueDateTimeZone {
    display: inline-block;
    float: left;
}

#DueDateEvent {
    clear: both;
    margin-top: 5px;
    padding-top: 5px;
}

#DueDateEvent input[type=text] {
    width: 35px;
    float: left;
    margin-right: 5px;
}

#DueDateEvent select {
    float: left;
    margin-right: 5px;
    width: auto;
}

#DueDateEvent span {
    float: left;
    padding-top: 4px;
}

.recurranceOptions {
    display: inline-block;
    float: left;
    width: 100px;
    border-right: 1px solid #ccc;
}

.recurranceEveryOptions {
    display: inline-block;
    float: left;
    width: 530px;
    padding-left: 15px;
}

.recurranceEveryOptions input[type=text] {
    width: 30px !important;
    display: inline-block;
    margin: 0px 2px;
}

.repeatWeeklyDay {
    display: inline-block;
    float: left;
    margin-right: 10px;
    margin-top: 8px;
}

.repeatMonthlyOption, .repeatYearlyOption { margin: 4px 0px; }

#FreqRepeatStartDate {
    clear: both;
    margin: 5px 0px 5px 20px;
}

#FreqRepeatStartDate .t-datetimepicker { float: left; }

#FreqRepeatStartDate #FreqRepeatTimeZone {
    float: left;
    margin-left: 10px;
}

#FreqRepeatStartDateEvent { margin-left: 15px; }

#FreqRepeatStartDateEvent input[type=text] {
    width: 35px;
    margin: 0px 5px;
}

#FreqRepeatEndOptions { margin: 5px 0px 5px 20px; }

#FreqRepeatEndOptions .AFTER_COUNT input[type=text] {
    display: inline-block;
    width: 30px !important;
}

#FreqRepeatEndOptions .repeatEndOption { margin: 4px 0px; }

#FreqRepeatEndOptions .RELATIVE input[type=text] {
    width: 35px;
    margin: 0px 5px;
}

#AdvCompleteValue input[type=text] {
    width: 50px;
    float: left;
    margin: 0px 5px;
    text-align: center;
}

#AdvCompleteValue .validation-group span {
    float: left;
    /* padding-top: 5px; */
    margin-right: 5px;
}

#AdvCompleteValue select {
    float: left;
    margin: 0px 5px;
}

#DRforTask {
    border: 1px solid #ccc;
    background: #eeeeee;
    font-size: 13px;
    width: 100%;
}

#DRforTask td {
    padding: 5px 8px;
    vertical-align: top;
}

#DRforTask .DRlabel {
    font-weight: bold;
    width: 148px;
}

#OwnerType {
    font-size: 11px;
    margin-left: 5px;
    display: inline-block;
    font-style: italic;
}

#DetailedRequirementContainer { margin: 20px 0px; }

.taskingCompleteQuestion { margin: 10px 0px; }

.taskLimitToLeft {
    float: left;
    /* width: 53%; */
    display: inline-block;
}

.taskLimitToRight {
    float: left;
    width: 46%;
    display: inline-block;
    margin-top: 5px;
}

.taskLimitToLeft label, .taskLimitToRight label {width: auto !important;}

.locationListForTasks label { margin-top: 5px; }

.operationList { margin: 5px 0px 5px 5px; }

.operationList div div label {
    width: auto !important;
    font-weight: normal !important;
}


.applyTaskOptions label { font-weight: normal !important; }

.taskingCompleteQuestion label {
    /*vertical-align: middle;*/
    font-weight: normal;
    margin-top: 0px;
}

div.TaskChanges {
    border: 1px dotted;
    padding: 10px;
    width: 80%;
    margin: 30px auto 10px auto;
}

.TaskChanges input[type="button"] {
    padding: 3px 6px;
    margin: 12px 5px 8px 15px;
}

.taskWritingOptions {
    padding-left: 20px;
    display: inline-block;
}

.taskWritingOptions input { vertical-align: middle; height: 30px;
    margin-left: -30px;
    margin-right: 10px;
}

.taskDueDate select {
    margin-left: 10px;
    width: 385px;
}

a.meLink {
    font-size: 13px;
    margin-left: 10px;
}

#DRManager .t-window-scrollable { height: 420px; }

#DRManagerDetailedRequirementsContainer label { width: 90px; }

#DRManagerDetailedRequirementsContainer .validation-group { width: 75%; }

#DRManagerDetailedRequirementsContainer input, #DRManagerDetailedRequirementsContainer textarea { width: 95%; }

#DRManagerSaveConfirm .t-window-scrollable { height: 108px; }

#DRManagerSaveConfirm lable { font-weight: normal; }




.taskCounts {
    float: right;
    padding: 0;
    margin: 5px;
    text-align: right;
    border-bottom: 1px dotted #aaa;
}

.taskCounts .taskCountsLabel { text-align: right; }

.taskCounts td {
    text-align: center;
    margin: 0;
    padding: 1px;
}

.taskCounts th {
    padding: 0 5px 0 5px;
    margin: 0;
}

#WindowTaskInstance .t-window-content { overflow: hidden !important; }

#TaskInstance .t-window-scrollable {
    padding: 10px !important;
    display: inline-block;
    width: 375px;
    height: 330px;
    border-left: 1px solid #ccc;
    border-bottom: none !important;
    background: #efefef;
}

#TaskInstance .t-window-scrollable label {
    clear: both;
    width: 130px;
   /* font-size: 13px;*/
    font-weight: bold;
}

#TaskInstance .t-window-scrollable p { margin: 4px 0px; }

.taskStatusEditor {
    width: 280px;
    height: 330px;
    padding: 10px;
    display: inline-block;
    border: none;
    float: right;
    position: relative;
}

.taskStatusEditor .validationMsg { height: 15px; }

.taskStatusEditor .actionBtns {
    position: absolute;
    bottom: 10px;
    right: 5px;
}

.taskStatusEditor textarea {
    width: 95% !important;
    height: 80px;
}

.taskStatusEditor input[type=text] { width: 95%; }

#TaskReassign .t-window-scrollable {height: 165px;}

#ActivateTaskWindow .t-widget { border-width: 0px !important; }

#ActivateTaskWindow .radioBtn { padding: 0px 0px 3px 0px; }

#ActivateTaskWindow .t-window-scrollable { height: 173px }

#DeactivateTaskWindow .t-window-scrollable { height: 82px; }

#TasksDeleteWindow .t-window-scrollable { height: 63px; }

input.controlLocation { width: 85% !important; }

input.viewControlLocation { padding: 2px 8px !important; }

input.evidenceRecLocation { width: 85% !important; }

input.evidenceRecLocationSO { width: 74% !important; }

input.viewEvidenceRecLocation { padding: 2px 8px !important; }

/*************************************  Dashboard Page *********************************************************/

#dashboard .reviewslink {
    display: inline;
    float: right
}

#dashboard .headerdate { text-align: center }

.taskCountsDashboard h4 {
    margin: 0px 15px 0px 0px;
    clear: both;
}

.taskCountsDashboard {
    padding: 0;
    margin: 5px;
    text-align: right;
    clear: right;
    overflow: auto;
}

.taskCountsDashboard .taskCountsLabel { text-align: right; }

.taskCountsDashboard td {
    text-align: right;
    margin: 0;
    padding: 0 50px 0 40px;
}

.taskCountsDashboard th {
    text-align: center;
    margin: 0;
}

/*************************************  Risk Prioritization Setup Page  ****************************************/

.RiskPrioritization .field-group {
    width: 70%;
    margin: 3px 0px;
}

.RiskPrioritization .field-group .validation-group { width: 60%; }

.RiskPrioritization .field-group label { width: 160px; }

.RiskPrioritization .field-group input[type=text] { width: 98%; }

.RiskPrioritization .t-widget { border-style: none; }

.RiskPrioritization .datetimeDisabled span.t-select { display: none; }

#EditRiskItem .t-window-content { overflow: hidden !important; }

#EditRiskItem .t-window-scrollable {
    padding: 6px !important;
    display: inline-block;
    width: 570px;
    height: 488px;
    border-left: 1px solid #ccc;
    border-bottom: none !important;
}

#EditRiskItem span.citation { width: 30%; }

table.AppQuestionTable {
    width: 98%;
    margin: 10px 0px;
}

table.AppQuestionTable th {
    text-align: left;
    padding: 5px !important;
}

table.AppQuestionTable tr td:first-child {
    white-space: normal !important;
    width: auto !important;
    text-align: left !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    font-size: 14px !important;
    border-bottom: 1px dotted #ccc;
}

table.AppQuestionTable tr td:last-child { padding: 2px 5px !important; }

.DetailedReqExpand {
    background: url(/inc/Compliance/icons/expand.png) no-repeat 2px;
    padding-left: 20px;
    cursor: pointer;
}

.DetailedReqCollapse {
    background: url(/inc/Compliance/icons/collapse.png) no-repeat 2px;
    padding-left: 20px;
    cursor: pointer;
}

.RiskItemEditor {
    width: 320px;
    padding: 6px;
    display: inline-block;
    border: none;
    float: right;
}

.RiskItemEditor .field-group {
    width: 98%;
    margin: 3px 0px;
}

.RiskItemEditor .field-group .validation-group { width: 98%; }

.RiskItemEditor .field-group select { max-width: 98%; }

.RiskItemEditor .field-group label { width: 140px; }

.RiskItemEditor .field-group input[type=text] { width: 95%; }

.RiskItemEditor .field-group textarea {
    width: 95%;
    height: 115px;
}

div.riskItemText { height: 55px; }

#AssessUserImport .t-window-scrollable { height: 110px; }


/*************************************  Import Risk Items  ****************************************/

div.riskAutoSelect {
    text-align: right;
    margin: 10px;
}

span.autoSelectOption {
    display: inline-block;
    margin: 0px 5px;
}

.RiskItemImport .t-window-scrollable { height: 430px; }

.RiskItemImport .warningMsg {
    display: inline-block;
    width: 400px;
    color: red;
    margin: 8px;
}

.RiskItemImport .actionBtns { width: 280px; }

table.RiskItemImportTable {
    margin: 15px;
    width: 740px;
}

table.RiskItemImportTable thead th {
    text-align: left;
    padding: 5px 3px;
}

table.RiskItemImportTable td {
    border: 1px solid #ccc;
    vertical-align: top;
}

td.riskImportSA { width: 180px; }

.selectAllReqs {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    width: 80px;
    padding: 5px 3px;
    font-size: 11px;
    margin: -3px -3px 5px 5px;
    line-height: 13px;
}

.selectAllReqs input[type="checkbox"] {
    padding: 0px !important;
    margin: 0px 5px 0px 0px !important;
    float: left;
}

.warning { color: red; }

/*
.riskImportReqs input { float:left; display:inline; }
.riskReqItem { width:95%; display:inline-block; float:left; }
.firstReqItem { margin-right:90px; width:75% !important; }
*/


/*************************************  Risk Screening  ****************************************/

span.riskArea {
    display: inline-block;
    float: right;
}

div.riskScenario { margin: 40px 0px; }

div.riskQuestionTabs { }

.riskQuestionTabs .tabButtonName {
    display: inline-block;
    width: 30%;
    margin: 0px;
}

.riskQuestionTabs .ActiveTab {
    padding: 5px 10px;
    font-weight: bold;
    border-left: 2px solid;
    border-top: 2px solid;
    border-right: 2px solid;
    text-decoration: none;
    margin: 0px !important;
}

.riskQuestionTabs .InactiveTab {
    padding: 5px 10px;
    border-left: 1px solid;
    border-top: 1px solid;
    border-right: 1px solid;
    cursor: pointer;
    margin: 0px !important;
    text-decoration: none;
}

.riskQuestionTabs .InactiveTab:hover { border-bottom: none; }

td.riskScreeningArrows { vertical-align: top; }

.riskScreeningArrows input.prevQuestion[type="button"], .riskScreeningArrows input.nextQuestion[type="button"] { height: 65px !important; }

div.riskQuestionContainer {
    background: #eeeeee;
    border: 1px solid #ccc;
}

h4.AssessScreeningHeading { margin-top: 20px; }

div.tabButtonQuestionItemOptions { margin-left: 25px; }

div.tabButtonQuestions { display: none; }

div.tabButtonQuestionItem { display: none; }

div.riskPager {
    margin: 25px auto 0px auto;
    text-align: center;
    width: 400px;
}

div.riskPagerIconSet {
    margin: 0px 15px;
    float: left;
}

div.riskPagerCategory {
    font-size: 11px;
    font-style: italic;
    text-align: center;
}

ul.riskPagerList {
    list-style: none;
    padding: 0px;
    margin-top: 5px;
    margin-bottom: 0px;
}

ul.riskPagerList li {
    display: inline-block;
    width: 11px;
    cursor: pointer;
}

ul.riskPagerList li a {
    display: inline-block;
    width: 11px;
    height: 11px;
    text-decoration: none;
}

.riskPagerList a.pageInactive { background: url(/inc/Compliance/icons/pageInactive.png) no-repeat; }

.riskPagerList li.pageActive {
    background: url(/inc/Compliance/icons/itemSelected.png) no-repeat;
    background-position: center 12px;
}

.riskPagerList a.pageComplete { background: url(/inc/Compliance/icons/pageComplete.png) no-repeat; }

div.prevRiskQuestion {
    display: inline-block;
    float: left;
    width: 30px;
    height: 30px;
    background: url(/inc/Compliance/icons/prevArrow_round.png) no-repeat;
}

div.prevRiskQuestion:hover { background: url(/inc/Compliance/icons/prevArrow_round_hover.png) no-repeat; }

div.nextRiskQuestion {
    display: inline-block;
    float: right;
    width: 30px;
    height: 30px;
    background: url(/inc/Compliance/icons/nextArrow_round.png) no-repeat;
}

div.nextRiskQuestion:hover { background: url(/inc/Compliance/icons/nextArrow_round_hover.png) no-repeat; }

.prevRiskQuestion, .nextRiskQuestion { cursor: pointer; }

div.riskPageIcons {
    text-align: center;
    margin: 0 auto;
    display: inline-block;
    width: 280px;
}


span.countComplete {
    font-size: 12px;
    float: right;
    margin-top: 2px;
}

/***********  *************  **********  *************  *************  Admin Pages  **************  *************  *************  ***********  *************/


.actionBtns {
    clear: both;
    float: right;
    padding: 0px;
    margin: 10px 15px;
    text-align: right;
}

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

.newItemBlock .field-group { margin-right: 18px; }

.newItemBlock {
    background: #ffffff;
    border: 1px dotted #aaaaaa;
    padding: 15px;
    margin: 10px;
}

.newItemBlock label { width: auto; }

.deleteIcon { float: right; }


/*************************************  Operation Templates  ***********************************/

.opTempProperties .field-group label { width: 100px; }

.opTempProperties .field-group .validation-group { width: 50%; }

.opTempProperties .field-group input, .locationItem input { width: 100%; }

.opTempProperties select { width: auto; }

.opTempProperties input.sequence { width: 30px; }

.apsItem {
    display: inline-block;
    width: 400px;
    background: url(/inc/Compliance/icons/draggable.png) no-repeat 2px #dddddd;
    border: 1px solid #cccccc;
    cursor: move;
    padding: 3px 2px 2px 24px;
    margin: 4px;
    float: left;
}

.apsItem label {
    width: auto;
    margin-left: 5px;
    margin-right: 5px;
    font-size: 13px;
    vertical-align: middle;
}

.apsItem .field-group {
    margin-right: 18px;
    clear: none;
}

.apsItem .validation-group { width: 95%; }

.apsItem .validation-group input { width: 95%; }

.apsItem .deleteIcon {
    float: right;
    margin-top: 5px;
    position: absolute;
    right: -16px;
}

.apsItem .validationMsg {
    display: inline-block;
    height: 13px;
    width: 99%;
}

.ui-sortable-placeholder {
    border-width: 1px;
    border-style: dotted;
    visibility: visible !important;
}

.ui-sortable-placeholder * { visibility: hidden; }

td.sequence {
    background: url(/inc/Compliance/icons/draggable.png) no-repeat 2px;
    cursor: move;
    padding-left: 24px !important;
}

.itemRowsView .itemRow { margin: 3px 0px; }

.itemRowsView .itemRow input { width: 300px; }

#opsTemplatesTabs {
    margin: 25px 0px 0px 35px;
    display: inline-block;
}

#opsTemplatesTabs .ActiveTab {
    padding: 5px 10px;
    font-weight: bold;
    border-left: 2px solid;
    border-top: 2px solid;
    border-right: 2px solid;
    margin: 0px 1px;
    text-decoration: none;
}

#opsTemplatesTabs .InactiveTab {
    padding: 5px 10px;
    border-left: 1px solid;
    border-top: 1px solid;
    border-right: 1px solid;
    cursor: pointer;
    margin: 0px 1px;
    text-decoration: none;
}

#opsTemplatesPanels {
    border: 1px solid #ccc;
    margin: 5px 15px 10px 15px;
    overflow-y: auto;
    overflow-x: hidden;
    height: 300px;
    padding: 10px;
}

#roleRows table {
    margin: 15px;
    border: 1px solid #a7bac5;
}

#roleRows tr {
    vertical-align: top;
    border-bottom: 1px solid #cccccc;
}

#roleRows th {
    font-weight: normal;
    text-align: left;
    padding: 3px 6px;
}

#roleRows td { padding: 3px 6px; }


/*****************************************  Sup Reqs Admin  ***************************************/

.CompanyRequirements .field-group label {width: 180px;}

.CompanyRequirements .field-group .validation-group { width: 75%; }

.CompanyRequirements .field-group input { width: 95%; }

.CompanyRequirements .field-group textarea { width: 95%; }

.CompanyRequirements .yellowNoteBox {
    clear: both;
    width: 80%;
    margin: 15px auto;
    text-align: center;
    padding: 20px;
    border: 1px solid;
}
.CompanyRequirements .whiteNoteBox
{
    clear: both;
    width: 80%;
    margin: 15px auto;
    text-align: center;
    padding: 20px;
    border: 1px solid;
}

.HyperlinkBlock {
    width: 43%;
    display: inline-block;
}

.HyperlinkBlock .field-group { clear: none; }

.HyperlinkBlock .field-group label { width: 50px; }

.HyperlinkBlock .field-group .validation-group { width: 80%; }

.HyperlinkBlock .field-group .validation-group input { width: 90%; }

#DeleteDetailedReq textarea { width: 97%; }

#DeleteSupReqContainer { margin: 10px 15px 0px 15px; }

#DeleteSupReqContainer textarea#description-Input {
    width: 410px;
    height: 60px;
}


/************************************  Roles  ************************************************/

.roleProperties .field-group label { width: 50px; }

.roleProperties .field-group .validation-group {
    width: 50%;
    position: relative;
    display: inline-block;
}

.roleProperties .field-group input { width: 100%; }

.roleProperties input[type=checkbox] { margin-left: 15px; }

#ArchiveRole .t-window-scrollable { height: 65px; }

/************************************  Users  ************************************************/

.userProperties .field-group label { width: 100px; }

.userProperties .field-group .validation-group {
    width: 750px;
    position: relative;
    display: inline-block;
}

.userProperties .field-group input { width: 95%; }

.userProperties input[type=checkbox] { margin-left: 15px; }

.userProperties button {
    padding: 3px 6px;
    font-size: 12px;
}

.userProperties .inline-group span.validationMsg { margin-right: 15px; }

.userProperties .inline-group .field-group {
    float: left;
    display: inline-block;
    clear: none;
}

.userProperties .inline-group .field-group label {
    display: inline-block;
    float: left;
}

.userProperties .inline-group .field-group input {
    width: 155px;
    float: left;
}

.userProperties .inline-group .field-group .validation-group { margin-left: 2px; }

.userProperties .inline-group .field-group .validation-group .field-group {
    margin: 0px;
    padding: 0px;
}

.userProperties .inline-group .field-group .validation-group .field-group label {
    margin: 5px 0px auto 20px;
    padding: 0px;
    width: 90px;
}

.userProperties input.middleInitial {
    width: 15px !important;
    display: inline-block;
    float: left;
}

.userProperties input.shortInput { width: 320px; }

#Phone { width: 320px; }

#ArchiveUser .t-window-scrollable { height: 65px; }

#assignedRoles {
    display: inline-block;
    float: left;
    width: 350px;
}

#userTabs {
    margin: 25px 0px 0px 35px;
    display: inline-block;
}

#userTabs .ActiveTab {
    padding: 5px 10px;
    font-weight: bold;
    border-left: 2px solid;
    border-top: 2px solid;
    border-right: 2px solid;
    margin: 0px 1px;
    text-decoration: none;
}

#userTabs .InactiveTab {
    padding: 5px 10px;
    border-left: 1px solid;
    border-top: 1px solid;
    border-right: 1px solid;
    cursor: pointer;
    margin: 0px 1px;
    text-decoration: none;
}

#userPanels {
    border: 1px solid #ccc;
    margin: 5px 15px 10px 15px;
    overflow-y: auto;
    overflow-x: hidden;
    height: 300px;
    padding: 10px;
}

#InvalidatePasswordMsg .t-window-scrollable { height: 49px; }

/************************************  Teams  **************************************************/

.setTeamName .validation-group { width: 50%; }

.setTeamName .validation-group input { width: 90%; }

.companyFeatures .feature { margin: 8px; }

.tMemberItem {
    display: block;
    width: 400px;
    background: #dddddd;
    border: 1px solid #cccccc;
    padding: 3px;
}

.tMemberItem label { font-size: 13px; }

.tMemberItem .field-group {
    margin-right: 18px;
    clear: none;
}

.tMemberItem .validation-group { width: 95%; }

.tMemberItem .validation-group input { width: 95%; }

.tMemberItem .deleteIcon {
    float: right;
    margin-top: 5px;
    position: absolute;
    right: -16px;
}



/************************************  Admin Settings  ********************************************/

span.settingsBlock {
    width: 30%;
    margin: 8px;
    height: 80px;
    float: left;
    /*font-size: 12px;*/
    display: inline-block;
    border: 1px solid transparent;
    padding: 8px 5px;
    cursor: pointer;
}

.settingsBlock b {
    display: inline-block;
    margin-bottom: 5px;
}

.settingsBlock img {
    float: left;
    padding: 3px 10px 35px 0px;
}

a span.settingsBlock {
    color: #7a7a7a;
    text-decoration: none;
}

a:hover span.settingsBlock b, a:focus span.settingsBlock b { text-decoration: underline; }

.adminSettings a:hover { text-decoration: none; }

a span.settingsBlock:hover {
    border: 1px solid #ddd;
    background: #eeeeee;
}



/************************************  Biz Hierarchy Admin  ********************************************/

.manageBizHierarchy div.t-treeview { white-space: normal; }

.manageBizHierarchy div.t-treeview .t-in { max-width: 95%; }

.manageBizHierarchy #treeview ul li img {
    vertical-align: middle;
    padding: 0px 2px;
}

.manageBizHierarchy #treeview ul li div span img { cursor: pointer; }

.manageBizHierarchy .t-treeview .t-item { padding-left: 30px !important; }

span.rootNode {
    font-size: 15px;
    font-weight: bold;
}

span.rootNode span {
    font-size: 13px;
    color: #666666;
    padding-left: 5px;
    font-weight: normal;
}

aside.bizHierarchyLegend {
    float: right;
    width: 250px;
    background: #dfdfdf;
    border: 1px solid #cccccc;
    padding: 0px 5px 5px 5px;
    margin-right: 10px;
}

.bizHierarchyLegend ul {
    margin: 0px;
    padding: 0px;
}

.bizHierarchyLegend ul li {
    list-style: none;
    margin: 0px 0px 3px 3px;
    line-height: 17px;
}

.bizHierarchyLegend ul li img {
    vertical-align: middle;
    padding-bottom: 2px;
    padding-right: 3px;
}

.t-treeview ul.t-group li.t-item ul.t-group li.t-item {
    color: #000000;
    font-weight: bold;
}

.t-treeview ul.t-group li.t-item ul.t-group li.t-item ul.t-group { margin-bottom: 8px; }

.t-treeview ul.t-group li.t-item ul.t-group li.t-item ul.t-group li.t-item {
    color: #000000;
    font-weight: normal;
}

.t-treeview ul.t-group li.t-item ul.t-group li.t-item ul.t-group li.t-item ul.t-group { margin-bottom: 8px; }

.t-treeview ul.t-group li.t-item ul.t-group li.t-item ul.t-group li.t-item ul.t-group li.t-item { color: #666666; }

.t-treeview ul.t-group li.t-item ul.t-group li.t-item ul.t-group li.t-item ul.t-group li.t-item ul.t-group { margin-bottom: 8px; }

.t-treeview ul.t-group li.t-item ul.t-group li.t-item ul.t-group li.t-item ul.t-group li.t-item ul.t-group li.t-item { color: #999999; }

div.treeExpansionControl {
    width: 300px;
    margin: 15px auto;
    text-align: center;
}

a.treeExpandAll {
    background: url(/inc/Compliance/icons/expandAll.png) no-repeat 5px #eee;
    padding: 5px 10px 5px 25px;
    margin-right: 2px;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

a.treeCollapseAll {
    background: url(/inc/Compliance/icons/collapseAll.png) no-repeat 5px #eee;
    padding: 5px 10px 5px 25px;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

a.treeExpandAll:hover, a.treeCollapseAll:hover { background-color: #ddd; }

.addSpan .validation-group, .editSpan .validation-group { width: 85%; }

.addSpan .validation-group input, .editSpan .validation-group input { width: 98%; }

.addSpan .validation-group .validationMsg, .editSpan .validation-group .validationMsg { min-height: 13px; }

.hoverMenu {
    width: 200px;
    background: #ffffff;
    border: 1px solid #bbbbbb;
    font-size: 12px;
    -moz-box-shadow: 0px 2px 3px #999;
    -webkit-box-shadow: 0px 2px 3px #999;
    box-shadow: 0px 2px 3px #999;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=90, Color='#999999')";
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=90, Color='#999999');
}

.hoverMenu ul {
    margin: 0px;
    padding: 0px;
}

.hoverMenu ul li {
    list-style: none;
    padding: 4px 5px;
    margin: 0px;
    height: 24px;
    line-height: 24px;
}

.altRow { background: #efefef; }

.hoverMenu select { margin-left: 3px; }

#CreateWindow .t-window-scrollable, #EditWindow .t-window-scrollable { height: 50px; }

#DeleteWindow .t-window-scrollable { height: 90px; }


/*************************************  Risk Screening Parameters  *************************************/

.riskItemQuestions input {
    width: 100px;
    text-align: center;
}

.riskItemQuestions { margin-left: 15px; }

.riskItemQuestions div {
    margin-left: 15px;
    margin-bottom: 4px;
}

h4.riskAreaHeader { margin: 15px 0px 5px 0px; }

h3.riskItemHeader { margin: 20px 0px 15px 0px; }

.copyValsBlock {
    position: relative;
    float: right;
    margin: 8px 50px 0px 0px;
}

div.copyVals_small {
    height: 24px;
    cursor: pointer;
    border: 1px solid transparent;
    padding: 0px 8px;
    width: 200px;
    line-height: 24px;
    position: absolute;
    right: 0px;
    z-index: 9999;
}

span#copyValsToggle {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 2px;
    height: 16px;
    width: 16px;
}

span.copyValsClosed { background: url(/inc/Compliance/icons/expand.png) no-repeat; }

span.copyValsOpen { background: url(/inc/Compliance/icons/collapse.png) no-repeat; }

div.copyValsPopup {
    width: 475px;
    height: 200px;
    position: absolute;
    z-index: 9000;
    background: #dddddd;
    right: 0px;
    display: none;
    box-shadow: -1px -1px 3px #aaa;
    -webkit-box-shadow: -1px -1px 3px #aaa;
    -moz-box-shadow: -1px -1px 3px #aaa;
}

.copyFrom_Wrap {
    width: 45%;
    float: left;
    display: inline-block;
    margin-top: 30px;
    padding: 8px;
}

.pasteTo_Wrap {
    width: 45%;
    float: right;
    display: inline-block;
    margin-top: 30px;
    padding: 8px;
    border-left: 1px dotted #aaa;
}

.pasteVals_Wrap {
    clear: both;
    padding: 6px 12px;
    text-align: right;
}

.pasteVals_Wrap a {
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    border: 1px solid;
    text-align: center;
    padding: 4px;
}


/************************************* Excluded Requirements Page **************************************/

.importReqPanel {
    padding: 15px 10px;
    overflow-x: hidden;
    overflow-y: auto;
}

.importReqPanel .field-group label {
    font-size: 13px;
    width: 140px;
}

.importReqPanel input[type="checkbox"] {
    padding: 0px !important;
    margin: 0px 5px 0px 0px !important;
    vertical-align: text-bottom;
}

.importReqPanel tr {
    vertical-align: top;
    border-bottom: 1px solid #cccccc;
}

.importReqPanel th {
    font-weight: normal;
    text-align: left;
    padding: 3px 6px;
}

.importReqPanel td { padding: 3px 6px; }

/************************************  Telerik Tables  ********************************************/

.t-reset {
    border: 0;
    outline: 0;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
}

.t-floatwrap:after {
    content: "";
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
    overflow: hidden;
}

.t-widget, .t-widget .t-input, .t-widget .text-box, .t-button {font-size: 100%;}

.t-link {
    cursor: pointer;
    outline: none;
}

.t-button {
    display: inline-block;
    font-size: 100%;
    text-align: center;
    cursor: pointer;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    /* border: 1px solid; */
    margin: 0;
    padding: 2px 4px;
}

.t-button-icontext {
    line-height: 1.453;
    padding-right: 8px;
    overflow: visible;
    font-size: 10pt;
}

body .t-button-icon {
    padding-left: 4px;
    padding-right: 4px;
}

.t-button-icontext .t-icon {
    vertical-align: top;
    margin: 0 3px 0 -3px;
}

html body .t-button-bare {
    background: none !important;
    border-width: 0;
}

.t-icon, .t-editor-button .t-tool-icon {
    background-color: transparent;
    background-repeat: no-repeat;
}

.t-state-disabled, .t-state-disabled .t-link {
    cursor: default;
    outline: none;
}

.t-icon, .t-sprite, .t-editor-button .t-tool-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
    text-indent: -3333px;
    text-align: center;
    vertical-align: middle;
}

.t-image { border: 0; }

.t-state-empty { font-style: italic; }

div.t-window {
    display: inline;
    zoom: 1;
    z-index: 10001;
    position: absolute;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 0 5px 2px #aaa;
    -webkit-box-shadow: 0 0 5px 2px #aaa;
    box-shadow: 0 0 5px 2px #aaa;
    border-width: 5px;
}

:root .t-window { border-width: 0; }

#SaveSupReqChanges {
    height: 150px;
}

#SaveSupReqChanges .actionBtns{
    /* margin-top:30px; */
    margin-bottom: 20PX;
    /* padding-top: 100px; */
}

#SaveSupReqChanges .t-window-content .t-content {
    overflow: auto;
    position: relative;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    padding: 10px;
    height:30px;
}

.t-window-titlebar {
    font-size: 1.2em;
    line-height: 1.2em;
    white-space: nowrap;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: .4em 0;
}

.t-window-title {
    cursor: default;
    position: absolute;
    text-overflow: ellipsis;
    overflow: hidden;
    left: .5em;
    right: .5em;
    text-shadow: 1px 1px 1px #555;
}

.t-window-title .t-image {
    vertical-align: middle;
    margin: 0 5px 0 0;
}

div.t-window-content {
    overflow: auto;
    position: relative;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    padding: 10px;
    border-width: 0;
    /* margin-bottom: 100px; */
    height: 100px;
}


div.t-window-scrollable {
    overflow-y: auto;
    overflow-x: hidden;
    border-bottom: 1px solid;
    padding: 8px;
}

.t-window-titlebar .t-window-actions {
    position: absolute;
    right: .5em;
    top: 0;
    padding-top: .3em;
    white-space: nowrap;
}

.t-window-titlebar .t-window-action {
    width: 16px;
    height: 16px;
    text-decoration: none;
    vertical-align: middle;
    display: inline;
    zoom: 1;
    opacity: .7;
    filter: alpha(opacity=70);
    padding: 2px;
}

.t-window-titlebar .t-state-hover {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    opacity: 1;
    filter: alpha(opacity=100);
    border: none;
    background: none !important;
}

.t-window-action .t-icon {
    vertical-align: middle;
    margin: 0;
}

.t-window .t-resize-handle {
    position: absolute;
    z-index: 1;
    background-color: #fff;
    opacity: 0;
    filter: alpha(opacity=0);
    zoom: 1;
    line-height: 6px;
    font-size: 0;
}

.t-resize-n {
    top: -3px;
    left: 0;
    width: 100%;
    height: 6px;
    cursor: n-resize;
}

.t-resize-e {
    top: 0;
    right: -3px;
    width: 6px;
    height: 100%;
    cursor: e-resize;
}

.t-resize-s {
    bottom: -3px;
    left: 0;
    width: 100%;
    height: 6px;
    cursor: s-resize;
}

.t-resize-w {
    top: 0;
    left: -3px;
    width: 6px;
    height: 100%;
    cursor: w-resize;
}

.t-resize-se {
    bottom: -3px;
    right: -3px;
    width: 16px;
    height: 16px;
    cursor: se-resize;
}

.t-resize-sw {
    bottom: -3px;
    left: -3px;
    width: 6px;
    height: 6px;
    cursor: sw-resize;
}

.t-resize-ne {
    top: -3px;
    right: -3px;
    width: 6px;
    height: 6px;
    cursor: ne-resize;
}

.t-resize-nw {
    top: -3px;
    left: -3px;
    width: 6px;
    height: 6px;
    cursor: nw-resize;
}

.t-overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #000;
    filter: alpha(opacity=50);
    opacity: .5;
    z-index: 10000;
}

.t-window .t-overlay {
    background-color: #fff;
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    width: 100%;
    height: 100%;
}

.t-window .t-widget { z-index: 10002; }

.t-tabstrip {
    zoom: 1;
    margin: 0;
    padding: 0;
}

.t-tabstrip .t-tabstrip-items { padding: 0 .3em; }

.t-tabstrip-items .t-item, .t-panelbar .t-tabstrip-items .t-item {
    list-style-type: none;
    vertical-align: top;
    display: inline;
    zoom: 1;
    position: relative;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-style: solid;
    border-width: 1px 1px 0;
    margin: .1em .3em 0 0;
    padding: 0;
}

.t-tabstrip-items .t-state-active, .t-panelbar .t-tabstrip-items .t-state-active {
    padding-bottom: 1px;
    margin-bottom: -1px;
}

.t-tabstrip-items .t-link, .t-panelbar .t-tabstrip-items .t-link {
    display: inline;
    zoom: 1;
    border-bottom-width: 0;
    outline: 0;
    padding: .3em .9em;
}

.t-tabstrip-items .t-icon, .t-panelbar .t-tabstrip-items .t-icon {
    vertical-align: top;
    margin: -1px 4px 0 -3px;
}

.t-tabstrip-items .t-item .t-image, .t-tabstrip-items .t-item .t-sprite, .t-panelbar .t-tabstrip-items .t-item .t-image, .t-panelbar .t-tabstrip-items .t-item .t-sprite {
    vertical-align: middle;
    margin: -3px 3px 0 -6px;
}

.t-tabstrip .t-content, .t-panelbar .t-tabstrip .t-content {
    display: none;
    position: static;
    zoom: 1;
    border-style: solid;
    border-width: 1px;
    margin: 0 .3em .3em;
    padding: .3em 1em;
}

.t-panelbar { zoom: 1; }

.t-panelbar .t-item {
    list-style-type: none;
    display: block;
    zoom: 1;
    top: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    border-width: 0;
    margin: 0;
}

.t-panelbar .t-image, .t-panelbar .t-sprite {
    vertical-align: middle;
    margin-right: 5px;
    margin-top: 4px;
    float: left;
}

.t-panelbar .t-link {
    line-height: 2.05em;
    border-bottom: 1px solid;
    display: block;
    position: relative;
    text-decoration: none;
    zoom: 1;
    padding: 0 1em;
}

.t-panelbar-expand, .t-panelbar-collapse {
    position: absolute;
    top: 5px;
    right: 2px;
}

.t-panelbar .t-group, .t-panelbar .t-content {
    position: relative;
    zoom: 1;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    margin: 0;
    padding: 0;
}

.t-panelbar .t-group .t-link {
    line-height: 1.7em;
    border-bottom: 0;
    font-size: .95em;
}

.t-panelbar .t-group .t-group .t-link { padding-left: 2em; }

.t-menu, .t-menu .t-group {
    list-style: none;
    zoom: 1;
    margin: 0;
    padding: 0;
}

.t-menu .t-group .t-link {
    padding-right: 2em;
    zoom: 1;
}

.t-menu .t-item {
    position: relative;
    display: inline;
    zoom: 1;
    vertical-align: top;
    border-style: solid;
    border-width: 0 1px 0 0;
}

.t-menu .t-image, .t-menu .t-sprite {
    vertical-align: top;
    margin: 0 4px 0 -4px;
}

.t-menu .t-link {
    text-decoration: none;
    display: block;
    padding: .25em .97em;
}

.t-menu .t-group {
    display: none;
    white-space: nowrap;
    overflow: visible;
    -moz-box-shadow: 2px 2px 2px #aaa;
    -webkit-box-shadow: 2px 2px 2px #aaa;
    box-shadow: 2px 2px 2px #aaa;
    border-style: solid;
    border-width: 1px;
}

.t-menu .t-arrow-down {
    margin-left: 2px;
    margin-right: -10px;
    vertical-align: top;
}

.t-menu .t-arrow-next {
    position: absolute;
    right: 0;
    top: 3px;
}

.t-menu .t-animation-container, .t-menu .t-group {
    left: -1px;
    position: absolute;
}

.t-menu .t-animation-container .t-group {
    left: auto;
    top: auto;
}

.t-grid {
    position: relative;
    zoom: 1;
}

.t-grid table {
    width: 100%;
    border-collapse: separate;
    empty-cells: show;
    border: 0;
}

.t-grid-header .t-header, .t-grid-header .t-last-header {
    font-weight: 400;
    border-style: solid;
    border-width: 0 1px 1px 0;
    overflow: hidden;
    white-space: normal;
}

.t-grid-header .t-header:hover { overflow: hidden; }

.t-grid-header .t-header {
    background :white;
}

.t-grid-header .t-last-header { border-right-width: 0; }

.t-grid-header .t-header .t-link {
    display: block;
    border: 0;
    padding: 5px 25px 5px 5px;
    vertical-align: middle;
}

.t-grid-header .t-header-no-right .t-link { padding: 5px; }

.t-grid-header .t-header .t-icon { position: static; }

.t-grid td {
    border: 0;
    vertical-align: middle;
    line-height: 1.6em;
    overflow: hidden;
    padding: 3px 6px;
}

.t-grid-header-wrap, .t-grid-footer-wrap {
    position: relative;
    width: 100%;
}

div.t-grid-header, div.t-grid-footer {
    padding-right: 0px;
    zoom: 1;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

div.t-grid-header .t-header, div.t-grid-header .t-last-header { border-bottom-width: 0; }

div.t-grid-header .t-last-header { border-right-width: 1px; }

.t-grid-content {
    position: relative;
    overflow: auto;
    overflow-x: auto;
    overflow-y: auto;
    width: 100%;
    zoom: 1;
}

.t-grid-header table, .t-grid-content table, .t-grid-footer table { table-layout: fixed; }

.t-grid-pager {
    overflow: auto;
    padding: 4px;
}

.t-grid-top { /*border-style:solid;*/
    border-width: 0px;
}

.t-grid-bottom {
    border-style: solid;
    border-width: 1px 0 0;
}

.t-pager .t-link, .t-pager .t-numeric, .t-pager .t-numeric a, .t-pager .t-numeric span { float: left; }

.t-pager .t-page-size { float: right; }

.t-footer-template td {
    border-style: solid;
    border-width: 1px 1px 0 0;
}

.t-group-footer td, .t-group-footer .t-last {
    border-style: solid;
    border-width: 1px 0;
}

.t-grid-footer {
    border-style: solid;
    border-width: 1px 0 0;
}

.t-grid-footer td { border-top-width: 0; }

.t-grid .t-status {
    float: left;
    border-right-width: 1px;
    border-right-style: solid;
    margin: -0.2em .6em -0.2em -0.6em;
    padding: .2em .6em;
}

.t-grid .t-pager {
    float: left;
    cursor: default;
}

.t-grid .t-status-text {
    float: right;
    margin-right: .2em;
    line-height: 24px;
}

.t-pager .t-link {
    text-decoration: none;
    margin-top: .2em;
    border: 0;
    line-height: 16px;
    padding: 1px;
}

.t-pager .t-state-active, .t-pager .t-state-hover {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    padding: 0;
}

.t-pager .t-numeric, .t-pager .t-page-i-of-n {
    vertical-align: top;
    margin: 0 7px;
}

.t-numeric .t-link, .t-numeric .t-state-active {
    margin-top: 0;
    line-height: 22px;
    vertical-align: top;
    padding: 0 5px;
}

.t-numeric .t-state-active, .t-numeric .t-state-hover {
    line-height: 22px;
    padding: 0 4px;
}

.t-page-i-of-n input {
    width: 2em;
    vertical-align: baseline;
    font-size: 1em;
}

.t-grid-pager .t-status .t-icon { vertical-align: middle; }

.t-grid-filter {
    float: right;
    position: relative;
    display: inline;
    zoom: 1;
    padding: 1px;
}

.t-filter-options {
    position: absolute;
    width: auto !important;
    -moz-box-shadow: 2px 2px 2px #aaa;
    -webkit-box-shadow: 2px 2px 2px #aaa;
    box-shadow: 2px 2px 2px #aaa;
    border: 1px solid;
    padding: 8px !important;
    border-radius: 10px !important;
    font-size: 10pt;
}

.t-filter-options .t-filter-help-text, .t-filter-options select, .t-filter-options input, .t-filter-options .t-button, .t-filter-options .t-datepicker {
    display: block;
    margin-bottom: 6px;
    margin-top: 4px;
}

.t-filter-options .t-button {width: 145px;}

.t-filter-options select {width: 148px;}

.t-filter-options input { width: 142px; }

.t-filter-options .t-filter-button { margin-bottom: 0; }

.t-panelbar .t-state-hover { background-image: none; }

.t-editor .t-tool-icon { background-image: url(/Content/kendo/Office365/editor.png); }

.t-expand { background: url(/inc/Compliance/icons/expand.png) no-repeat; }

.t-collapse { background: url(/inc/Compliance/icons/collapse.png) no-repeat; }

.t-rtl .t-expand { background-position: -64px -160px; }

.t-plus, .t-plus-disabled { background: url(/inc/Compliance/icons/rightArrow16.png) no-repeat; }

.t-minus, .t-minus-disabled { background: url(/inc/Compliance/icons/downArrow16.png) no-repeat; }

.t-rtl .t-plus, .t-rtl .t-plus-disabled { background-position: 0 -272px; }

.t-rtl .t-minus, .t-rtl .t-minus-disabled { background-position: -16px -272px; }

.t-arrow-up { background: url(/inc/Compliance/icons/uArrow.png) no-repeat; }

.t-arrow-down { background: url(/inc/Compliance/icons/dArrow.png) no-repeat; }

.t-state-disabled .t-arrow-up { background-position: -32px -160px; }

.t-state-disabled .t-arrow-down { background-position: -32px -176px; }

.t-state-hover .t-arrow-up { background: url(/inc/Compliance/icons/uArrow.png) no-repeat; }

.t-state-hover .t-arrow-down { background: url(/inc/Compliance/icons/dArrow.png) no-repeat; }

.t-numerictextbox .t-arrow-up { background: url(/inc/Compliance/icons/uArrow.png) no-repeat; }

.t-numerictextbox .t-arrow-down { background: url(/inc/Compliance/icons/dArrow.png) no-repeat; }

.t-select .t-arrow-down { background: url(/inc/Compliance/icons/dropdownArrow.png) no-repeat; }

.t-arrow-up-small { background-position: 0 -304px; }

.t-arrow-down-small { background-position: -16px -304px; }

.t-arrow-first, .t-state-hover .t-arrow-first { background: url(/inc/Compliance/icons/goToFirst_arrow.png) no-repeat center; }

.t-arrow-prev, .t-state-hover .t-arrow-prev { background: url(/inc/Compliance/icons/lArrow.png) no-repeat; }

.t-arrow-next, .t-state-hover .t-arrow-next { background: url(/inc/Compliance/icons/rArrow.png) no-repeat; }

.t-arrow-last, .t-state-hover .t-arrow-last { background: url(/inc/Compliance/icons/goToLast_arrow.png) no-repeat center; }

.t-state-disabled .t-arrow-first { background: url(/inc/Compliance/icons/goToFirst_disabled.png) no-repeat center; }

.t-state-disabled .t-arrow-prev { background: url(/inc/Compliance/icons/prevArrow_disabled.png) no-repeat center; }

.t-state-disabled .t-arrow-next { background: url(/inc/Compliance/icons/nextArrow_disabled.png) no-repeat center; }

.t-state-disabled .t-arrow-last { background: url(/inc/Compliance/icons/goToLast_disabled.png) no-repeat center; }

.t-filter { background: url(/inc/Compliance/icons/filter_sm.png) no-repeat; }

.t-clear-filter { background: url(/inc/Compliance/icons/clrFilter_sm.png) no-repeat; }

.t-refresh { background: url(/inc/Compliance/icons/recycle.png) no-repeat; }

.t-icon-calendar { background: url(/inc/Compliance/icons/calendar.png) no-repeat; }

.t-icon-clock { background: url(/inc/Compliance/icons/clock.png) no-repeat; }

.t-edit { background-position: 0 -336px; }

.t-delete { background: url(/inc/Compliance/icons/delete.png) no-repeat; }

.t-insert, .t-update { background-position: -32px -336px; }

.t-group-delete { background-position: 0 -288px; }

.t-maximize { background-position: -16px -288px; }

.t-restore { background-position: -32px -288px; }

.t-close { background: url(/inc/Compliance/icons/close.png) no-repeat; }

.t-insert-top { background-position: 0 -320px; }

.t-insert-middle { background-position: -16px -320px; }

.t-insert-bottom { background-position: -32px -320px; }

.t-add { background-position: -48px -320px; }

.t-denied, .t-cancel { background-position: -64px -320px; }

.t-loading, .t-widget .t-loading { background: transparent url(/inc/Compliance/icons/loading.gif) no-repeat 0 0; }

.t-grouping-row .t-icon { margin: 0 4px; }

.t-grouping-row p {
    margin-left: -0.6em;
    padding: 0 .6em;
}

.t-grid td.t-group-cell, .t-grid td.t-hierarchy-cell { border-right: 0; }

.t-grid .t-group-col, .t-grid .t-hierarchy-col { width: 30px; }

.t-grouping-header, .t-grouping-dropclue {
    height: 24px;
    line-height: 24px;
}

.t-grouping-dropclue {
    position: absolute;
    width: 6px;
}

.t-grouping-header .t-group-indicator {
    display: inline;
    zoom: 1;
    line-height: 1.5em;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid;
    margin: 0 3px;
    padding: .15em .15em .15em .4em;
}

.t-grouping-header .t-link {
    text-decoration: none;
    display: inline;
    zoom: 1;
    line-height: normal;
    border-style: none;
    padding: 0;
}

.t-grouping-header .t-button {
    border: 0;
    background: transparent;
    line-height: 1;
    padding: 0;
}

.t-grouping-header .t-link .t-icon { margin: 0 0 0 -3px; }

.t-grouping-header .t-button .t-icon { margin: 0 0 0 3px; }

.t-dirty {
    width: 0;
    height: 0;
    vertical-align: top;
    position: absolute;
    overflow: hidden;
    border-color: red transparent transparent red;
    border: 3px solid;
    margin: -0.45em 0 0 -0.6em;
    padding: 0;
}

* html .t-dirty {
    filter: chroma(color=pink);
    border-color: red #FFC0CB #FFC0CB red;
}

.t-grouping-header, .t-grid-toolbar {
    cursor: default;
    margin: 0;
    padding: 0;
    height: 20px;
}

.t-grouping-header {
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

.t-grid .t-edit-container {
    border-right: 0;
    padding: 0;
}

.t-edit-form {
    margin: 0;
    padding: 0;
}

.t-edit-form td {
    border-top: 0;
    border-bottom: 0;
}

.t-grid-edit-row .text-box, .t-grid-edit-row .t-numerictextbox, .t-grid-edit-row .t-datepicker {
    vertical-align: middle;
    width: 5em;
    max-width: 90%;
    min-width: 90%;
    margin: -0.4em -0.3em -0.15em;
}

.t-grid-edit-row .t-dropdown, .t-grid-edit-row .t-combobox {
    width: 5em;
    max-width: 90%;
    min-width: 90%;
    line-height: normal;
    margin: -0.1em -0.3em -0.45em;
}

* html .t-grid .text-box { width: 90%; }

.t-grid .input-validation-error {
    background-color: #ffc0cb;
    border-color: red;
    border-style: ridge;
}

.t-grid-actions { display: inline-block; }

.t-grid .t-button, .t-edit-form .t-button { margin: 0 .2em; }

html body .t-grid tbody .t-button-icon {
    min-width: 0;
    width: auto;
}

.t-grid-resize-indicator {
    position: absolute;
    width: 2px;
    background-color: #aaa;
}

.t-grid .t-resize-handle {
    cursor: col-resize;
    position: absolute;
    height: 25px;
}

.t-autocomplete { background-position: 100% 50%; }

.t-combobox, .t-dropdown, .t-selectbox {
    display: inline;
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    width: 150px;
    border-width: 0;
}

.t-dropdown-wrap, .t-picker-wrap {
    position: relative;
    display: block;
    cursor: default;
}

.t-picker-wrap { padding: 0 25px 0 0; }

.t-dropdown-wrap {
    padding-right: 16px;
    border: 1px solid;
    color: #000000;
    margin-left: 25px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    background: #ffffff;
}

.t-grid-bottom .t-header { *background-color: #ffffff; }

.t-combobox > .t-dropdown-wrap { padding-right: 22px; }

* html .t-combobox .t-dropdown-wrap { height: 20px; }

* html .t-picker-wrap {
    height: 20px;
    padding-right: 25px;
}

.t-picker-wrap .t-input, .t-combobox .t-input {
    vertical-align: top;
    width: 100%;
}

.t-combobox .t-input {
    outline: 0;
    height: 18px;
    line-height: 18px;
    border: 0;
    margin: 0;
    padding: 1px 3px;
}

* html {
    position: absolute;
    top: 0;
}

.t-page-size .t-dropdown .t-input { margin-right: 5px; }

.t-dropdown-wrap .t-select {
    text-decoration: none;
    vertical-align: middle;
    display: inline;
    cursor: default;
    position: absolute;
    right: 0;
    top: 2px;
    height: 20px;
    line-height: 20px;
}

.t-picker-wrap .t-select {
    text-decoration: none;
    vertical-align: top;
    display: inline;
    cursor: default;
    position: absolute;
    right: 0;
    top: 0;
    height: 20px;
    line-height: 20px;
}

.t-datepicker-calendar { background: #ffffff !important; }

.Review .t-picker-wrap .t-select, .RiskPrioritization .t-picker-wrap .t-select { margin-top: 3px; }

* html .t-picker-wrap .t-select, * html .t-dropdown-wrap .t-select {
    top: 1px;
    right: 1px;
}

.t-combobox .t-select {
    border-color: inherit;
    border-style: solid;
    border-width: 0 0 0 1px;
}

.t-dropdown .t-select, .t-selectbox .t-select {
    border: 0;
    text-decoration: none;
    color: inherit;
    overflow: hidden;
    cursor: default;
}

.t-dropdown .t-input, .t-selectbox .t-input {
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
    padding: .2em 0 .2em 3px;
}

.t-picker-wrap .t-icon, .t-dropdown-wrap .t-icon {
    vertical-align: top;
    margin-top: 2px;
}

.t-popup .t-item {
    cursor: default;
    padding: 1px 5px 1px 3px;
}

.t-calendar {
    display: inline;
    zoom: 1;
    width: 203px;
    position: relative;
    overflow: hidden;
}

.t-calendar .t-header {
    text-align: center;
    position: relative;
    zoom: 1;
    padding: .4em 0;
}

.t-calendar .t-nav-prev, .t-calendar .t-nav-next {
    position: absolute;
    top: .3em;
}

.t-calendar .t-nav-prev { left: 1%; }

.t-calendar .t-nav-next { right: 1%; }

.t-calendar .t-content {
    text-align: right;
    display: table;
    width: 100%;
    height: 169px;
    table-layout: fixed;
    border-style: none;
    margin: 0;
    padding: 0;
}

.t-calendar .t-nav-fast {
    display: inline;
    zoom: 1;
    width: 75%;
}

.t-calendar th {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    font-weight: 400;
    cursor: default;
}

.t-calendar td {
    cursor: pointer;
    padding: 1px;
}

.t-calendar .t-state-focus {
    border: 1px dotted;
    padding: 0;
}

.t-calendar .t-content .t-link {
    display: block;
    overflow: hidden;
    position: relative;
}

.t-calendar th, .t-calendar .t-content .t-link { padding: .25em .45em .3em .1em; }

.t-calendar .t-meta-view .t-link {
    text-align: center;
    padding: .25em 0 .3em;
}

.t-timepicker, .t-datetimepicker, .t-datepicker {
    border: 0;
    white-space: nowrap;
}

div.t-timepicker, div.t-datepicker {
    background-color: transparent;
    width: 130px;
}

div.t-datetimepicker {
    background-color: transparent;
    width: 180px;
}

.t-datetimepicker .t-picker-wrap, .t-datepicker .t-picker-wrap { padding-right: 0px; }

* html .t-datetimepicker .t-picker-wrap { padding-right: 40px; }

* html .t-datepicker .t-picker-wrap { padding-right: 20px; }

.t-time-popup, .t-datepicker-calendar {
    -moz-box-shadow: 2px 2px 2px #aaa;
    -webkit-box-shadow: 2px 2px 2px #aaa;
    box-shadow: 2px 2px 2px #aaa;
}

.t-iframe-overlay {
    position: absolute;
    width: 100%;
    border: 0;
    top: 0;
    left: 0;
    filter: alpha(opacity=0);
}

.t-time-popup .t-item { padding: 1px 3px; }

div.t-treeview {
    background: none;
    white-space: nowrap;
    overflow: auto;
    border-width: 0;
}

.t-treeview .t-item {
    position: static;
    top: auto;
    display: block;
    border-width: 0;
    margin: 0;
    padding: 0 0 0 16px;
}

.t-treeview .t-group, .t-treeview .t-content {
    list-style-type: none;
    background: none;
    margin: 0;
    padding: 0;
}

.t-treeview .t-animation-container { height: auto !important; }

.t-treeview .t-plus, .t-treeview .t-minus, .t-treeview .t-plus-disabled, .t-treeview .t-minus-disabled {
    margin-left: -17px;
    margin-top: 3px;
    float: none;
}

.t-treeview .t-in {
    text-decoration: none;
    line-height: 17px;
    margin: 0px 0px 0px 2px;
    padding: 2px 4px 2px 3px;
}

.t-treeview .t-state-hover, .t-treeview .t-state-selected {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid;
    padding: 1px 3px 1px 2px;
}

.t-treeview .t-drop-clue {
    width: 80px;
    visibility: hidden;
    height: 5px;
    position: absolute;
    margin-top: -3px;
    z-index: 10000;
    background-color: transparent;
    background-repeat: no-repeat;
}

.t-treeview-lines .t-top, .t-treeview-lines .t-mid, .t-treeview-lines .t-bot {
    background-repeat: no-repeat;
    margin-left: -17px;
    padding-left: 17px;
}

.t-treeview-lines .t-top { /*background-position:-91px 0;*/ }

.t-treeview-lines .t-mid { /*background-position:-47px -44px;*/ }

.t-treeview-lines .t-last .t-top { /*background-position:-25px -66px;*/ }

.t-treeview-lines .t-item { }

.t-treeview-lines .t-first { /*background-position:0 16px;*/ }

.t-treeview-lines .t-bot, .t-treeview-lines .t-group .t-last .t-bot { /*background-position:-69px -22px;*/ }

.t-treeview span.t-in img {
    cursor: pointer;
    vertical-align: middle;
    padding: 0px 1px 0px 3px;
    margin-bottom: 2px;
}

div.t-numerictextbox {
    display: inline;
    zoom: 1;
    vertical-align: middle;
    white-space: nowrap;
    border: 0;
    background: transparent;
}

.t-formatted-value {
    position: absolute;
    padding: 3px 4px 2px 3px;
}

.t-numerictextbox .t-icon { margin-left: -16px; }

.t-numerictextbox .t-link {
    display: inline;
    zoom: 1;
    border-style: none;
}

.t-numerictextbox .t-arrow-up {
    vertical-align: top;
    margin-top: 1px;
    height: 10px;
}

.t-numerictextbox .t-arrow-down {
    vertical-align: bottom;
    margin-bottom: 1px;
    height: 11px;
}

.t-colorpicker .t-tool-icon {
    display: inline;
    zoom: 1;
    vertical-align: top;
    font-size: 0;
    line-height: 0;
    padding: 2px 3px;
}

.t-colorpicker .t-selected-color {
    display: block;
    height: 16px;
    width: 16px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.t-colorpicker .t-icon {
    vertical-align: middle;
    margin-top: 2px;
}

.t-colorpicker-popup {
    line-height: 0;
    width: 136px;
}

.t-colorpicker-popup .t-reset {
    display: inline;
    zoom: 1;
    margin: 0;
    padding: .25em;
}

.t-colorpicker-popup .t-item {
    float: left;
    display: block;
    overflow: hidden;
    width: 12px;
    height: 12px;
    font-size: 0;
    margin: 0 1px 1px 0;
    padding: 0;
}

.t-editor {
    border-collapse: separate;
    height: 250px;
    font-size: 100%;
    table-layout: fixed;
    vertical-align: top;
    width: 100%;
    border: 1px solid;
}

.t-editor .t-editor-toolbar-wrap {
    border: 0;
    padding: 0;
}

.t-editor-toolbar {
    list-style-type: none;
    cursor: default;
    line-height: 1.3em;
    margin: 0;
    padding: .1em 0;
}

.t-editor-toolbar li {
    display: inline;
    vertical-align: middle;
}

.t-editor-toolbar .t-editor-dropdown, .t-editor-toolbar .t-editor-combobox, .t-editor-toolbar .t-editor-selectbox, .t-editor-toolbar .t-editor-colorpicker { margin-right: 2px; }

.t-editor-toolbar .t-separator {
    font-size: 1.3em;
    position: relative;
    top: 1px;
    border-style: solid;
    border-width: 0 1px 0 0;
    margin: 0 .15em;
    padding: 0 0 0 1px;
}

.t-editor-toolbar .t-break {
    display: block;
    height: 1px;
    line-height: 0;
    font-size: 0;
}

.t-editor-button .t-tool-icon {
    vertical-align: middle;
    width: 22px;
    height: 22px;
    margin: 1px;
}

.t-editor-colorpicker .t-tool-icon { padding: 17px 3px 2px; }

.t-editor-colorpicker .t-icon {
    border-color: #ccc;
    border-style: solid;
    border-width: 0 0 0 1px;
}

.t-editor-colorpicker .t-selected-color { height: 3px; }

.t-editor-combobox .t-input {
    height: 20px;
    line-height: 20px;
}

.t-editor-combobox .t-select {
    height: 22px;
    line-height: 22px;
}

.t-italic { background-position: -44px 0; }

.t-underline { background-position: -66px 0; }

.t-strikethrough { background-position: -88px 0; }

.t-justifyLeft { background-position: -110px 0; }

.t-justifyCenter { background-position: -132px 0; }

.t-justifyRight { background-position: -154px 0; }

.t-justifyFull { background-position: -176px 0; }

.t-insertOrderedList { background-position: -198px 0; }

.t-insertUnorderedList { background-position: -220px 0; }

.t-createLink { background-position: -242px 0; }

.t-unlink { background-position: -264px 0; }

.t-insertImage { background-position: -286px 0; }

.t-foreColor .t-tool-icon { background-position: -308px -2px; }

.t-backColor .t-tool-icon { background-position: -330px -2px; }

.t-indent { background-position: -352px 0; }

.t-outdent { background-position: -374px 0; }

.t-fontName { width: 110px; }

.t-fontSize { width: 124px; }

.t-formatBlock { width: 147px; }

.t-editor-button .t-state-hover, .t-editor-button .t-state-active {
    vertical-align: middle;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid;
    margin: 0;
}

.t-editor-button .t-state-disabled {
    opacity: .3;
    filter: alpha(opacity=30);
}

.t-editor .t-editable-area {
    outline: none;
    height: 100%;
    width: 100%;
    border: 1px solid;
}

.t-editor .t-content {
    height: 100%;
    width: 100%;
    display: block;
    border: 0;
    margin: 0;
    padding: 0;
}

.t-editor .t-raw-content {
    border: 0;
    font-size: inherit;
    margin: 0;
    padding: 0;
}

.t-editor-dialog { padding: 1em; }

.t-editor-dialog ol {
    list-style: none;
    margin: 0;
    padding: 0;
}

.t-form-text-row, .t-form-checkbox-row { padding-bottom: 1em; }

.t-form-text-row label {
    display: inline;
    zoom: 1;
    width: 7em;
    text-align: right;
    padding-right: .5em;
}

.t-form-checkbox-row input {
    margin-left: 7em;
    font-size: inherit;
    padding: 0;
}

.t-form-checkbox-row label { padding-left: .3em; }

.t-form-text-row input, .t-form-text-row select { width: 20em; }

.t-editor-dialog .t-button-wrapper {
    padding-top: .5em;
    text-align: right;
}

.t-drag-clue {
    font-size: .9em;
    position: absolute;
    z-index: 10003;
    white-space: nowrap;
    cursor: default;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid;
    padding: .05em .15em;
}

.t-drag-status {
    margin-right: 4px;
    vertical-align: top;
    margin-top: -1px;
}

.t-reorder-cue {
    position: absolute;
    width: 1px;
    overflow: visible;
}

.t-reorder-cue .t-icon {
    width: 8px;
    height: 4px;
    position: absolute;
    left: -4px;
}

.t-reorder-cue .t-arrow-down {
    top: -4px;
    background-position: -20px -182px;
}

.t-reorder-cue .t-arrow-up {
    bottom: -4px;
    background-position: -20px -166px;
}

div.t-slider {
    position: relative;
    background-color: transparent;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border-width: 0;
}

.t-slider-vertical {
    width: 22px;
    height: 200px;
}

.t-slider-horizontal {
    display: inline-block;
    height: 22px;
    width: 200px;
}

.t-slider-wrap {
    width: 100%;
    height: 100%;
}

.t-slider .t-button, .t-grid .t-slider .t-button {
    position: absolute;
    top: 0;
    min-width: 0;
    width: 20px;
    height: 20px;
    outline: none;
    margin: 0;
    padding: 0;
}

.t-state-disabled .t-slider-track {
    opacity: .6;
    filter: alpha(opacity=60);
}

.t-slider .t-button-decrease { left: 0; }

.t-slider-vertical .t-button-decrease, .t-grid .t-slider-vertical .t-button-decrease {
    top: auto;
    bottom: 0;
}

.t-slider .t-button-increase { right: 0; }

.t-slider-track, .t-slider-selection {
    position: absolute;
    margin: 0;
    padding: 0;
}

.t-slider-horizontal .t-slider-track, .t-slider-horizontal .t-slider-selection {
    height: 6px;
    top: 50%;
    left: 0;
    margin-top: -3px;
    background-repeat: repeat-x;
}

.t-slider-horizontal .t-slider-track {
    background-position: 0 -464px;
    border-style: solid;
    border-width: 0 1px;
}

.t-slider-horizontal .t-slider-selection { background-position: 0 -470px; }

.t-slider-horizontal .t-slider-buttons .t-slider-track { left: 27px; }

.t-slider-vertical .t-slider-track, .t-slider-vertical .t-slider-selection {
    width: 6px;
    left: 50%;
    bottom: 0;
    margin-left: -3px;
    background-repeat: repeat-y;
}

.t-slider-vertical .t-slider-track {
    background-position: 0 0;
    border-style: solid;
    border-width: 1px 0;
}

.t-slider-vertical .t-slider-selection { background-position: -6px 0; }

.t-slider-vertical .t-slider-buttons .t-slider-track { bottom: 27px; }

.t-draghandle {
    position: absolute;
    background-repeat: no-repeat;
    background-color: transparent;
    text-indent: -3333px;
    text-decoration: none;
    text-align: center;
    overflow: hidden;
    cursor: pointer;
}

.t-slider-horizontal .t-draghandle {
    top: -7px;
    width: 11px;
    height: 20px;
}

.t-slider-vertical .t-draghandle {
    left: -7px;
    width: 20px;
    height: 11px;
}

.t-slider-horizontal .t-draghandle, .t-state-disabled.t-slider-horizontal a.t-draghandle, .t-state-disabled .t-slider-horizontal a.t-draghandle { background-position: 0 -368px; }

.t-slider-horizontal .t-draghandle:hover, .t-slider-horizontal .t-draghandle:focus { background-position: 0 -400px; }

.t-slider-horizontal a.t-draghandle.t-state-active { background-position: 0 -432px; }

.t-slider-vertical .t-draghandle, .t-state-disabled.t-slider-vertical a.t-draghandle, .t-state-disabled .t-slider-vertical a.t-draghandle { background-position: -32px -368px; }

.t-slider-vertical .t-draghandle:hover, .t-slider-vertical .t-draghandle:focus { background-position: -32px -400px; }

.t-slider-vertical a.t-draghandle.t-state-active { background-position: -32px -432px; }

.t-slider-buttons .t-slider-items { margin-left: 27px; }

.t-slider-vertical .t-slider-items { padding-top: 1px; }

.t-slider-vertical .t-slider-buttons .t-slider-items {
    padding-top: 28px;
    margin: 0;
}

.t-slider-items:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.t-slider .t-tick {
    position: relative;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center center;
    cursor: default;
    margin: 0;
    padding: 0;
}

.t-slider-horizontal .t-tick {
    float: left;
    text-align: center;
    height: 100%;
}

.t-slider-horizontal .t-first { background-position: 0 center; }

.t-slider-horizontal .t-last { background-position: 100% center; }

.t-slider-vertical .t-tick { text-align: right; }

.t-slider-vertical .t-first { background-position: center 100%; }

.t-slider-vertical .t-last { background-position: center 0; }

.t-slider-horizontal .t-label {
    left: 0;
    width: 100%;
    bottom: -1.2em;
}

.t-slider-horizontal .t-first .t-label { left: -50%; }

.t-slider-horizontal .t-last .t-label {
    left: auto;
    right: -50%;
}

.t-slider-horizontal .t-slider-topleft .t-label { top: -1.2em; }

.t-slider-vertical .t-label {
    left: 120%;
    display: block;
    text-align: left;
}

.t-slider-vertical .t-last .t-label { top: -0.5em; }

.t-slider-vertical .t-first .t-label { bottom: -0.5em; }

.t-slider-vertical .t-slider-topleft .t-label {
    left: auto;
    right: 120%;
}

.t-tooltip {
    position: absolute;
    background-repeat: repeat-x;
    z-index: 10002;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    min-width: 10px;
    text-align: center;
    border: 1px solid;
    padding: 4px 5px;
}

.t-callout-n, .t-callout-s {
    width: 9px;
    height: 6px;
}

.t-callout-w, .t-callout-e {
    width: 6px;
    height: 9px;
}

.t-callout-n {
    top: -6px;
    left: 50%;
    margin-left: -4px;
    background-position: -64px -368px;
}

.t-callout-w {
    left: -6px;
    top: 50%;
    margin-top: -4px;
    background-position: -64px -384px;
}

.t-callout-s {
    top: 100%;
    left: 50%;
    margin-left: -4px;
    background-position: -64px -400px;
}

.t-callout-e {
    left: 100%;
    top: 50%;
    margin-top: -4px;
    background-position: -64px -416px;
}

.t-splitter {
    position: relative;
    height: 300px;
}

.t-splitter .t-pane { overflow: hidden; }

.t-splitter .t-scrollable { overflow: auto; }

.t-splitter .t-pane-loading {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -8px 0 0 -8px;
}

.t-ghost-splitbar, .t-splitbar {
    position: absolute;
    font-size: 0;
    border-style: solid;
}

.t-splitter .t-ghost-splitbar-horizontal, .t-splitter .t-splitbar-horizontal {
    top: 0;
    width: 5px;
    background-repeat: repeat-y;
    border-width: 0 1px;
}

.t-ghost-splitbar-vertical, .t-splitbar-vertical {
    left: 0;
    height: 5px;
    background-repeat: repeat-x;
    border-width: 1px 0;
}

.t-splitbar-draggable-horizontal { cursor: w-resize; }

.t-splitbar-draggable-vertical { cursor: n-resize; }

.t-restricted-size-horizontal, .t-restricted-size-vertical { background-color: red; }

.t-splitbar-horizontal .t-icon {
    width: 5px;
    height: 21px;
    position: absolute;
    top: 50%;
    margin-top: -10px;
}

.t-splitbar-horizontal .t-collapse-prev { margin-top: -31px; }

.t-splitbar-horizontal .t-collapse-next { margin-top: 11px; }

.t-splitbar-vertical .t-icon {
    height: 5px;
    width: 21px;
    position: absolute;
    left: 50%;
    margin-left: -10px;
}

.t-splitbar-vertical .t-collapse-prev { margin-left: -31px; }

.t-splitbar-vertical .t-collapse-next { margin-left: 11px; }

.t-splitbar-horizontal { background-position: 5px 0; }

.t-splitbar-horizontal-hover { background-position: -12px 0; }

.t-splitbar-horizontal-active, .t-ghost-splitbar-horizontal { background-position: -17px 0; }

.t-splitbar-horizontal .t-resize-handle { background-position: -10px -496px; }

.t-splitbar-horizontal-hover .t-resize-handle { background-position: -10px -517px; }

.t-splitbar-horizontal .t-collapse-prev, .t-splitbar-horizontal .t-expand-next { background-position: 0 -496px; }

.t-splitbar-horizontal-hover .t-collapse-prev, .t-splitbar-horizontal-hover .t-expand-next { background-position: 0 -517px; }

.t-splitbar-horizontal .t-collapse-next, .t-splitbar-horizontal .t-expand-prev { background-position: -5px -496px; }

.t-splitbar-horizontal-hover .t-collapse-next, .t-splitbar-horizontal-hover .t-expand-prev { background-position: -5px -517px; }

.t-splitbar-vertical { background-position: 0 5px; }

.t-splitbar-vertical-hover { background-position: 0 -476px; }

.t-splitbar-vertical-active, .t-ghost-splitbar-vertical { background-position: 0 -481px; }

.t-restricted-size-vertical { background-position: 0 -486px; }

.t-splitbar-vertical .t-resize-handle { background-position: -16px -496px; }

.t-splitbar-vertical-hover .t-resize-handle { background-position: -16px -501px; }

.t-splitbar-vertical .t-collapse-prev, .t-splitbar-vertical .t-expand-next { background-position: -16px -506px; }

.t-splitbar-vertical-hover .t-collapse-prev, .t-splitbar-vertical-hover .t-expand-next { background-position: -16px -517px; }

.t-splitbar-vertical .t-collapse-next, .t-splitbar-vertical .t-expand-prev { background-position: -16px -511px; }

.t-splitbar-vertical-hover .t-collapse-next, .t-splitbar-vertical-hover .t-expand-prev { background-position: -16px -522px; }

html .t-upload {
    position: relative;
    background: none;
    border-width: 0;
}

.t-dropzone, .t-upload-files {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.t-dropzone {
    background-color: transparent;
    border: 0px solid;
    padding: 4px;
}

.t-dropzone em {
    margin-left: .6em;
    visibility: hidden;
}

.t-dropzone-active {
    border-width: 1px;
    padding: 3px;
}

.t-dropzone-active em { visibility: visible; }

.t-upload-button {
    width: 86px;
    position: relative;
    direction: ltr;
    overflow: hidden !important;
}

.t-upload-button input {
    font: 500px monospace !important;
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    cursor: pointer;
    right: 0;
    top: 0;
    z-index: 1;
    margin: 0;
    padding: 0;
}

.t-upload-files {
    line-height: 1.9em;
    border: 1px solid;
    margin: .2em 0 0;
    padding: .3em .7em .5em;
}

.t-upload-files .t-button {
    position: relative;
    top: 1px;
    margin-left: 8px;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 84%;
}

.t-upload .t-delete, .t-upload .t-cancel, .t-upload .t-retry {
    height: 8px;
    vertical-align: baseline;
}

.t-upload .t-delete, .t-upload .t-cancel {
    width: 7px;
    background-position: -5px -292px;
}

.t-retry {
    background-position: -66px -228px;
    width: 11px;
}

.t-success { background-position: -64px -240px; }

.t-fail { background-position: -64px -256px; }

.t-filename {
    position: relative;
    display: inline-block;
    min-width: 120px;
    vertical-align: middle;
}

.t-progress, .t-progress-status {
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 118px;
    height: 2px;
    background-repeat: repeat-x;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid;
}

.t-progress-status {
    left: -1px;
    bottom: -1px;
    width: 50%;
}

.t-upload-selected {
    min-width: 86px;
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -ms-box-sizing: content-box;
    margin: 3px 0 0;
}

* + html .t-upload-selected { min-width: 100px; }

.t-tiles-buttons .t-dropzone {
    border: 0;
    background-color: transparent;
    padding: 0;
}

.t-search-wrap {
    float: right;
    width: auto;
    position: relative;
    padding: 0;
}

.t-search-wrap label {
    position: absolute;
    top: 0;
    left: 4px;
    line-height: 20px;
    font-style: italic;
}

.t-search-wrap input.t-input {
    width: 158px;
    padding-left: 0;
    padding-right: 0;
}

.t-search { background-position: -64px -176px; }

.t-search-wrap .t-search {
    position: absolute;
    top: 1px;
    right: 2px;
}

.t-breadcrumbs {
    float: left;
    position: relative;
    width: 560px;
}

.t-breadcrumbs-wrap {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    padding-left: 5px;
    line-height: 18px;
}

html input.t-breadcrumbs-input {
    width: 100%;
    padding-left: 2px;
}

.t-breadcrumbs .t-link, .t-breadcrumbs-wrap .t-icon {
    text-decoration: none;
    vertical-align: middle;
    margin-top: 0;
}

.t-imagebrowser .t-breadcrumbs .t-first {
    text-decoration: none;
    cursor: default;
}

.t-tiles-toolbar {
    clear: both;
    background-repeat: repeat-x;
    line-height: 23px;
    white-space: nowrap;
    border: 1px solid;
    margin: 8px 0 0;
    padding: 2px 0 3px;
}

.t-imagebrowser .t-upload-button {
    width: auto;
    vertical-align: top;
}

.t-imagebrowser .t-upload .t-icon { vertical-align: bottom; }

.t-addfolder { background-position: -64px -192px; }

.t-goup { background-position: -64px -208px; }

.t-tiles-toolbar .t-state-disabled {
    opacity: .5;
    filter: alpha(opacity=50);
}

.t-tiles-arrange { float: right; }

* html .t-tiles-arrange { margin: 3px 0 0; }

.t-tiles-arrange .t-arrow-down { margin: 0 2px 0 3px; }

.t-tiles {
    clear: both;
    height: 390px;
    overflow: auto;
    line-height: 1.2;
    border-style: solid;
    border-width: 0 1px 1px;
    margin: 0 0 1.4em;
    padding: 9px;
}

.t-tile {
    width: 223px;
    height: 88px;
    overflow: hidden;
    float: left;
    cursor: pointer;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid;
    margin: 1px;
    padding: 0 0 4px;
}

.t-imagebrowser .t-thumb {
    float: left;
    display: inline;
    width: 86px;
    height: 86px;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    margin: 4px 10px 0 4px;
}

.t-imagebrowser .t-image {
    -moz-box-shadow: 1px 1px 3px #aaa;
    -webkit-box-shadow: 1px 1px 3px #aaa;
    box-shadow: 1px 1px 3px #aaa;
    margin: 2px 0 0 2px;
}

.t-imagebrowser .t-folder {
    width: 80px;
    height: 80px;
    background-position: 0 -200px;
    background-repeat: no-repeat;
}

.t-goback { background-position: -64px -224px; }

.t-imagebrowser .t-loading { margin: 35px 0 0 33px; }

.t-tile strong, .t-tile input {
    font-weight: 400;
    margin: 10px 0 4px;
}

.t-tile strong {
    float: left;
    width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.t-tile input { width: 100px; }

.t-tile em, .t-tile .t-filesize {
    clear: left;
    font-weight: 400;
    font-style: normal;
}

.t-imagebrowser .t-form-text-row input { width: 628px; }

.t-tile-empty { margin: 160px 0 0; }

.t-tile-empty .t-dialog-upload {
    font-weight: 700;
    font-size: 120%;
}

.t-tile-empty strong {
    display: block;
    font-size: 3em;
    font-weight: 400;
    margin: 0 0 .2em;
}

.t-tile-empty, .t-tile-empty .t-button-wrapper { text-align: center; }

.t-touch-scrollbar {
    position: absolute;
    display: none;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.t-floatwrap, a.t-button-expand, .t-tabstrip .t-panelbar .t-content, .t-grid .field-validation-error, * + html .t-calendar .t-content, * html .t-calendar .t-content, .t-slider-items, .t-tile strong, .t-tile input, .t-tile em, .t-tile .t-filesize { display: block; }

.t-widget, .t-popup {
    border-style: solid;
    /* border-width:1px; */
    border-width: 0px 0px 1px 0px;
    zoom: 1;
}

html body .t-button, .t-header .t-link, .t-calendar .t-link, .t-tiles-arrange a { text-decoration: none; }

* + html .t-button, * html .t-button {
    display: inline;
    overflow: visible;
    margin-right: 4px;
}

* + html .t-button-expand, * html .t-button-expand { margin-right: 0; }

* + html a.t-button, * html a.t-button {
    line-height: 1.6;
    padding-left: 7px;
    padding-right: 7px;
}

button.t-button-expand, .t-filter-options .t-datepicker { width: 100%; }

* + html a.t-button-icon, * html a.t-button-icon {
    padding-left: 5px;
    padding-right: 5px;
}

* + html .t-button-icontext .t-icon, * html .t-button-icontext .t-icon { margin-right: 4px; }

* html .t-icon, * html .t-sprite, * html .t-editor-button .t-tool-icon, .t-editor-dialog .t-button, * + html .t-slider-horizontal, * html .t-slider-horizontal, .t-splitbar-draggable-vertical .t-resize-handle, .t-splitbar-draggable-horizontal .t-resize-handle { display: inline; }

* html .t-icon, .t-sprite, * + html .t-icon, .t-sprite { text-indent: 0; }

* html .t-tabstrip-items .t-item .t-image, * html .t-tabstrip-items .t-item .t-sprite, * + html .t-tabstrip-items .t-item .t-image, * + html .t-tabstrip-items .t-item .t-sprite {
    vertical-align: top;
    margin-top: -1px;
}

.t-panelbar .t-group .t-image, .t-panelbar .t-group .t-sprite, .t-combobox .t-icon { margin-top: 1px; }

.t-panelbar .t-group .t-arrow-up, .t-panelbar .t-group .t-arrow-down, * + html .t-imagebrowser .t-upload .t-icon, * html .t-imagebrowser .t-upload .t-icon { top: 2px; }

.t-panelbar .t-last .t-link, .t-panelbar .t-group .t-group { border-bottom: 0; }

.t-menu, .t-state-disabled .t-picker-wrap .t-icon, .t-treeview .t-plus-disabled, .t-treeview .t-minus-disabled, .t-treeview span.t-in, .t-state-disabled .t-button, .t-state-disabled .t-draghandle, .t-state-disabled .t-slider-wrap .t-icon, .t-state-disabled .t-slider .t-icon, .t-state-disabled .t-upload-button input { cursor: default; }

.t-menu-vertical .t-item, .t-menu .t-group .t-item {
    display: block;
    border-width: 0;
}

.t-menu .t-animation-container .t-animation-container, .t-menu .t-group .t-group, .t-menu-vertical .t-animation-container, .t-menu-vertical .t-group {
    left: 100%;
    top: -1px;
}

.t-grid-header .t-header, .t-slider-vertical .t-slider-topleft .t-tick { text-align: left; }

.t-grid .t-state-hover, .t-picker-wrap .t-icon, .t-treeview .t-plus, .t-treeview .t-minus, .t-slider .t-icon, .t-collapse-prev, .t-collapse-next, .t-expand-prev, .t-expand-next { cursor: pointer; }

* html .t-grid-content table, * + html .t-grid-content table { width: auto; }

* html .t-grid-pager input, * + html .t-grid-pager input, .t-grid-toolbar .t-button, .t-editor-toolbar .t-dropdown, .t-editor-toolbar .t-combobox, .t-editor-toolbar .t-selectbox, .t-editor-toolbar .t-colorpicker, .t-form-checkbox-row input, .t-form-checkbox-row label, .t-form-text-row label .t-form-text-row input, .t-form-text-row select, .t-dropzone em, .t-upload-button, * + html .t-tiles-toolbar .t-button-icon, * html .t-tiles-toolbar .t-button-icon { vertical-align: middle; }

.t-grid .t-pager, .t-grid .t-status, .t-grid .t-status-text, .t-pager .t-numeric, .t-pager .t-page-i-of-n, .t-pager .t-link, .t-pager span, .t-pager input, .t-pager .t-page-size, .t-grouping-row p, .t-grouping-header a, .t-grouping-header .t-button, .t-colorpicker {
    display: inline-block;
    vertical-align: middle;
}

.t-pager span, .t-pager .t-link, .t-grid-filter .t-icon, .t-calendar .t-nav-fast .t-icon { vertical-align: top; }

.t-link + .t-grid-filter, * + html .t-grid .t-grid-filter { margin-top: -20px; }

.t-grid .t-animation-container, .t-slider .t-label, .t-callout {position: absolute;}

.t-edit-form-container, .t-detail-row { position: relative; }

* html .t-grid-actions, * + html .t-grid-actions {
    display: inline;
    zoom: 1;
    vertical-align: bottom;
}

.t-grid .t-detail-cell, * + html .t-combobox, * html .t-combobox { overflow: visible; }

* + html .t-combobox .t-input, * html .t-combobox .t-input { margin: -1px 0; }

.t-calendar .t-action-link, .t-breadcrumbs .t-link:hover { text-decoration: underline; }

.t-calendar .t-animation-container .t-content, .t-slider-horizontal .t-slider-items { height: 100%; }

.t-datetimepicker .t-icon-calendar, .t-treeview .t-sprite, .t-treeview .t-image { margin-right: 3px; }

.t-timepicker, .t-datepicker, .t-datetimepicker, .t-treeview .t-icon, .t-treeview .t-image, .t-treeview .t-sprite, .t-treeview .t-in {
    display: inline-block;
    vertical-align: top;
}

.t-picker-wrap .t-input, .t-numerictextbox .t-input { margin: 0; }

.t-bold, .t-restricted-size-horizontal { background-position: -22px 0; }

* + html .t-slider .t-icon, * html .t-slider .t-icon { margin-top: 2px; }

* + html .t-slider-vertical .t-tick, * html .t-slider-vertical .t-tick {
    float: left;
    clear: left;
    width: 100%;
}

.t-splitbar .t-resize-handle, .t-tiles-buttons .t-dropzone em, .t-tiles-buttons .t-upload-files { display: none; }

* + html .t-dropzone em, * + html .t-upload-button, * html .t-dropzone em, * html .t-upload-button { vertical-align: baseline; }

* + html .t-upload-files .t-button, * html .t-upload-files .t-button { line-height: 1; }

.t-imagebrowser .t-upload, .t-tiles-buttons { float: left; }

* + html .t-imagebrowser .t-upload-button, * + html .t-imagebrowser .t-upload .t-icon, * html .t-imagebrowser .t-upload-button, * html .t-imagebrowser .t-upload .t-icon {
    vertical-align: baseline;
    position: relative;
    top: 1px;
}