/* -- Appearance -- */
.round { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px ; }
.shade { background-color:#BFB780 !important; }
.reverse { background-color:#000; color:#FFF; }
.ghost { font-weight:normal; filter:alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity: 0.4; opacity: 0.4; }
.ghost a { text-decoration:none; color:inherit; }
.trans { filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9; }
.hide { display:none; }
.border { border:solid 1px #9F996B; }
.border-t { border-top: 1px solid #c4ccd3; }
.border-r { border-right: 1px solid #c4ccd3; }
.border-b { border-bottom: 1px solid #c4ccd3; }
.border-l { border-left: 1px solid #c4ccd3; }

/* -- Positioning -- */
.float-r { float:right !important; }
.float-l { float:left !important; }
.align-t { vertical-align:top; }
.next-line { display:block; clear:both; margin-top:5px;}
.next-line-hug { display:block; clear:both; margin-top:-2px; white-space:nowrap;}
.clear { clear:both; }
.margin-a { margin:0 auto !important; }
.buffer { padding:15px; }

/* -- Text Positioning -- */
.center { text-align:center; }
.bold { font-weight:bold; }
.text-r { text-align:right; }
.text-l { text-align:left; }
.text-c { text-align:center; }
.small { font-size:.85em; }
.sub-line { font-size: .05625em; display:block; clear:both; text-align:left; }

/* -- Overrides -- */
.n-border { border:none !important; }
.n-float { float:none !important; }
.n-margin { margin:0 !important;; }
.n-padding { padding:0 !important;; }

/* -------------- Widths ----------------- */

.w-5 { width:5%; }
.w-10 { width:10%; }
.w-15 { width:15%; }
.w-20 { width:20%; }
.w-25 { width:25%; }
.w-30 { width:30%; }
.w-35 { width:35%; }
.w-40 { width:40%; }
.w-45 { width:45%; }
.w-50 { width:50%; }
.w-55 { width:55%; }
.w-60 { width:60%; }
.w-65 { width:65%; }
.w-70 { width:70%; }
.w-75 { width:75%; }
.w-80 { width:80%; }
.w-85 { width:85%; }
.w-90 { width:90%; }
.w-95 { width:95%; }
.w-100 { width:100%; }

/* ------------- Heights ----------------- */

.h-10 { height:10px; }
.h-20 { height:20px; }
.h-30 { height:30px; }
.h-40 { height:40px; }
.h-50 { height:50px; }
.h-60 { height:60px; }
.h-70 { height:70px; }
.h-80 { height:80px; }
.h-90 { height:90px; }
.h-100 { height:100px; }
.h-110 { height:110px; }
.h-120 { height:120px; }
.h-130 { height:130px; }
.h-140 { height:140px; }
.h-150 { height:150px; }
.h-200 { height:200px; }
.h-225 { height:225px; }
.h-250 { height:250px; }
.h-300 { height:300px; }
.h-350 { height:350px; }
.h-400 { height:400px; }
.h-450 { height:450px; }
.h-500 { height:500px; }
.h-550 { height:550px; }
.h-600 { height:600px; }
.scroll { overflow:auto; }

/* ------------- Top Margins ----------------- */

.mt-10 { margin-top:10px !important; }
.mt-15 { margin-top:15px !important; }
.mt-20 { margin-top:20px !important; }
.mt-25 { margin-top:25px !important; }
.mt-30 { margin-top:30px !important; }
.mt-40 { margin-top:40px !important; }
.mt-50 { margin-top:50px !important; }
.mt-60 { margin-top:60px !important; }
.mt-70 { margin-top:70px !important; }
.mt-80 { margin-top:80px !important; }
.mt-90 { margin-top:90px !important; }
.mt-100 { margin-top:100px !important; }


/* --------------- Tables - tbl ---------------- */


/* ---------------- Lists - lst  --------------- */
	
/* -- Main Nav -- */

/* -- Sub Nav -- */

/* -- Left Nav -- */

/* -- General -- */

/* ---------------- Forms ---------------- */


/* ---------------- Labels - lbl --------------- */

/* -- Stacked -- */

/* -- Inline 2 Column -- */

/* -- Inline Stacked -- */

/* -- Inline Left -- */


/* ----------- Buttons / Links - btn lnk ------- */

/* ------------- Containers - con -------------- */

/* --------------- Columns - col --------------- */

/* ---------------- Bars - bar ----------------- */

/* -------------- Sections - sec --------------- */

/* -------------- Elements - emt --------------- */

/* -------------- Modals - mod ---------------- */

/* ----------------- Unique ------------------- */

/* -------------- Table Listings ---------------- */

/* TABLE LISTINGS */
.tablesorter {
	border: 1px solid #d6d6d6; /* also adds a border between thead and tbody */
	margin:0;
}

/* table headers */
.tablesorter th {
	background:url(/fw/images/table/background.png);
	height:28px;
	text-align:left;
	border: none;
	border-right: 1px solid #d6d6d6;
	color:#fff;
}
.tablesorter th:last-child {border-right: none; } /* no right border on last header */

/* table headers */
.tablesorter th span {
	display: block; /* so we can click anywhere in the header to sort */
	padding-left: 7px;
}

/* each TD in the table */
.tablesorter td {
	padding:4px 6px 6px;
	color:#0046ae;
	font-size:12px;
	font-family:arial;
	border: none;
	border-right:1px solid #d6d6d6;
	border-bottom:1px solid #d6d6d6;
}                                                                                                                                                                                                                            
.tablesorter tbody td:last-child {border-right: none; } /* no right border on last td in each tr */

.tablesorter tbody tr:last-child td { border-bottom: none; } /* no border on the bottom tds */


/* SORTING - header classes change when sorting. "head" means sortable, "asc" is when the column is ascending, "desc" is when the column is descending */

.tablesorter .desc, .tablesorter .asc { /* background of actively sorting column */
	background: none;
	background-color: #C92521; /* C92521 */
	/* background:url(/fw/images/table/header-selected-bg.gif); */
} 

.tablesorter .head {background:url(/fw/images/table/sort.gif) 7px center no-repeat; cursor:pointer; padding-left:18px} /* shows the asc and desc arrows to let user know this column is sortable */
.tablesorter .desc {background:url(/fw/images/table/desc.gif) 7px center no-repeat; cursor:pointer; padding-left:18px} /* displays the descending arrow in the currently sorting column header */
.tablesorter .asc {background:url(/fw/images/table/asc.gif) 7px  center no-repeat; cursor:pointer; padding-left:18px} /* displays the ascending arrow in the currently sorting column header */

.tablesorter td.oddselected {background:#e5e5e5;} /* selected column's odd rows */
.tablesorter td.evenselected {background:#f1f1f1;} /* selected column's even rows */
.tablesorter tr.odd {background:#f1f1f1;} /* alternating rows - odd */
.tablesorter tr.even {background:#ffffff;} /* alternating rows - odd */

/* each cell in the summary row, we can probably do this as a TR style */
.tablesorter td.summary {color:#000000; background-color:#e3e3e3;}



/* -------------- Pagination for Table Listings ---------------- */

#pagination {
	width: 100%;
	border: 1px solid #000000;
	background-color: #e6e6e6;	
	padding: 2px;
	text-align: right;
}
#controls { margin:0 auto; height:20px;}
#perpage {float:left; width:200px}
#perpage select {float:left; font-size:11px}
#perpage span {float:left; margin:2px 0 0 5px}
#navigation {float:left; width:280px; text-align:center}
#navigation img {cursor:pointer}
#text {float:left; width:200px; text-align:right; margin-top:2px}



/* -------------- Styles for addons ---------------- */

/* This section is for the Simple Modal popups */
#simplemodal-overlay {background-color:#000;}
#simplemodal-container {background-color:#FFF; border:4px solid #444; padding:12px; height:auto;}
#simplemodal-container a.modalCloseImg {
	background:url('/fw/images/CORE/simplemodal/x.png') no-repeat; /* adjust url as required */
	width:25px;
	height:29px;
	display:inline;
	z-index:3200;
	position:absolute;
	top:-15px;
	right:-18px;
	cursor:pointer;
}

/* This section is for the tooltips on form errors */
.tip {
    color: #fff;
    background:#1d1d1d;
    display:none; /*--Hides by default--*/
    padding:10px;
    position:absolute;    z-index:1000;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.tipclassic {
    color: #000;
    background:#FFCCAA;
	border: 1px solid #FF3334;
    display:none; /*--Hides by default--*/
    padding:5px;
    position:absolute;    z-index:1000;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}


/* This section is for form error notifications */
#box{
	/* background:url('/fw/images/CORE/bouncebox/box_bg.jpg') repeat-x center top #fcfcfc; */
	background-color:#9FDAEE;
	height:115px;
	padding:20px;
	margin-top:-10px;
	padding-top:30px;
	width:600px;
	border:1px solid #2BB0D7;
	color:#000;
	text-shadow:1px 1px 0 white;
	font-family:'Myriad Pro',Arial,Helvetica,sans-serif;
	z-index:10000;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}

#boxsuccess{
	/* background:url('/fw/images/CORE/bouncebox/box_bg.jpg') repeat-x center top #fcfcfc; */
	background-color:#DFF2BF;
	height:115px;
	padding:20px;
	margin-top:-10px;
	padding-top:30px;
	width:600px;
	border:1px solid #4F8A10;
	color:#000;
	text-shadow:1px 1px 0 white;
	font-family:'Myriad Pro',Arial,Helvetica,sans-serif;
	z-index:10000;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}#boxerror{
	/* background:url('/fw/images/CORE/bouncebox/box_bg.jpg') repeat-x center top #fcfcfc; */
	background-color:#FFBABA;
	height:115px;
	padding:20px;
	margin-top:-10px;
	padding-top:30px;
	width:600px;
	border:1px solid #D8000C;
	color:#000;
	text-shadow:1px 1px 0 white;
	font-family:'Myriad Pro',Arial,Helvetica,sans-serif;
	z-index:10000;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}
/*
.info, .success, .warning, .error, .validation {
	border: 1px solid;
	margin: 10px 0px;
	padding:15px 10px 15px 50px;
	background-repeat: no-repeat;
	background-position: 10px center;
}
.info {
	color: #00529B;
	background-color: #BDE5F8;
	background-image: url('/fw/images/CORE/message_box/info.png');
}
	.success {
	color: #4F8A10;
	background-color: #DFF2BF;
	background-image:url('/fw/images/CORE/message_box/success.png');
}
.warning {
	color: #9F6000;
	background-color: #FEEFB3;
	background-image: url('/fw/images/CORE/message_box/warning.png');
}
.error {
	color: #D8000C;
	background-color: #FFBABA;
	background-image: url('/fw/images/CORE/message_box/error.png');
}
*/

/* -- Style format/convention by Jason Bailey -- */


/* -------------CORE specific styles -----------*/
.underline {
	border-bottom: 1px solid #a4abab;
}

/* For default layout login link */
#login-link{
    top: 0px;
    right: 0px;
    \\display: block;
    \\background: #2a2a2a;
    \\padding: 5px 15px 5px 15px;
    color: #FFF;
}
#login-panel{
    position: relative;
    top: 0px;
    right: 0px;
    width: 190px;
    padding: 10px 15px 5px 15px;
    background: #c0c0c0;
    font-size: 8pt;
    font-weight: bold;
    color: #FFF;
    display: none;
}
#login-panel label{
    line-height: 1.8;
}

.inputError {border: 2px solid red !important;}
.labelError {color: red;}
.textFieldError {
    color: red;
}

.COREFormRow
{
	//margin-bottom:15px;
	
}

.hoverPanel{
	padding-left:0px;
	padding-right:0px;
	padding-top:2px;
	padding-bottom:2px;
	margin-top:5px;
	margin-bottom:5px;
}

.hoverPanelActive{
	background-color: #F3F3F3;
}

.hoverEditLink, .hoverDeleteLink{
    display: block;
    float:right;
    position:relative;
    top: 2px;
    right: 0px;
    height: 20px;
    font-size:8pt;
    padding:3px;
}

.fake-link {
    cursor: pointer;
}

.nopadding {
	padding: 0 !important; 
	margin: 0 !important;
}

.COREFormWrapper > div 
{
    border-bottom: 1px solid #DDD;
	margin-left: -9px;    
	margin-right: -9px;    
}

.COREFormWrapper > div:last-child 
{
    border-bottom: none;
}

.COREFormColumn
{
	padding-left:20px !important;
	padding-right:20px !important;
}
/*
.COREFormWrapper > div
{
	position: relative;
	border: 2px solid red;
	margin: -9px;
	
}

.COREFormWrapper > div 
{
    content : "";
    border-bottom: 1px solid #DDD;
  	height  : 1px;
	margin-left:15px;
	width: 93%;
}

.COREFormWrapper > div:last-child:after
{
	position: relative;
    border-bottom: none;
}
*/

/* BH 6/24/2015: Replaces the use of the well class for groupers, which was being overridden and causing chose boxes to have large fonts */
.COREFormGrouper {
	min-height: 20px;
	margin-bottom: 20px;
	background-color: #f5f5f5;
	border: 1px solid #e3e3e3;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
	padding: 9px;
	border-radius: 3px;
}

.clickable { cursor: pointer; }
.movable, .draggableFormControl { cursor: move; } /* form builder */