/* CI Colors
 * grey: #5E6062
 * logo blue: #2F4C69
 * logo grey: #5B5959
 * dark blue: #253A55;
 * green highlight: #87AE44
 * dark brown: #623934
 *
 * Font style guide:  Please use only em's.  The general rule of thumb is desired font-size in px / 12 = em
 * ex: 18px / 16 = 1.5em
 * The body is set at 100%, then page is immediately set at .75em (12px).  Everything is in relation to page.
 */


body { color: #333; font-family: "Helvetica Neue", Tahoma, Geneva, Verdana, sans-serif;}
a {  color: #36515E; 	text-decoration: none; font-weight: 800;  }

@font-face {
    font-family: Pirulen;
    src: url('/media/css/font/pirulen.eot');
    src: local('Pirulen'),
           url('/media/css/font/pirulen.otf') format('opentype');
}
h1,h2,h3,h4,h5 {color: #253A55;}
.top_links{text-align: right;padding-bottom:1em;margin-top:.5em;margin-left:0px;}
.logo{background: url(/media/img/insight-Logo-small.png) no-repeat 0px 3px; height:33px;}
.page_caption {background: #253A55; color: white; border-bottom: #DDD solid 1px; margin-bottom: .5em; padding:1.5em .5em 0em;}
.page_caption h1 {color: white; text-align:right;font-weight:bold;font-variant:small-caps;font-size:1.2em;}
.page_caption a {color:white;}
.page_caption p {margin:0px;}
.spacer {clear:both; height:1px;}
.right {float:right}
.left {float:left}
.errorlist { color: red; }
div.messages { z-index: 1; position: absolute; visibility: hidden; }
.messages ul { color: #253A55; background-color: #FEE9D1; list-style-type: none; margin: 0; padding: 0 10px 10px; font-weight: bold; text-align: center; border: 1px solid #253A55; border-top: 0px; opacity: .75;}

.popup { text-align: center;}

/* Sliders */
.slider {
    background-color: #dedede;
    z-index: 1;
    padding: 10px;
    border: 1px #235A55 solid;
    overflow: auto;
    /*-moz-border-radius-bottomleft:6px;
    -moz-border-radius-bottomright:6px;
    -webkit-border-bottom-left-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;*/
}
.menu {
    z-index: 1;
    position: absolute;
    visibility: hidden;
}

.popup {
    display: none;
}

.import_output {
    border: 1px solid black;
    padding: .5em;
    height: 300px;
    overflow-y: auto;
    overflow-x: auto;
}

.import_output ul {
    margin: 0;
    padding: 0;
}
.import_output li {
    list-style-type: none;
    margin: 0;
    padding: 2px 0px;
    clear:both;
}
.make_clickable { color: #36515E; 	text-decoration: none; font-weight: 800; cursor:pointer;  display:inline;}
.make_clickable:hover { color: #333;  text-decoration: none; font-weight: bold; cursor:pointer; display:inline}

/* Tables */
.pretty_table {border-collapse: collapse; width: 100%; border: solid 1px #999; font-size: .833em;}
.pretty_table tr:hover {background: #FEE9D1;}
.pretty_table th {background: #253A55; color: #FFF; text-align: center; padding: 2px; vertical-align: top; text-transform: uppercase; border-right: solid 1px #999; border-left: solid 1px #999;}
.pretty_table th a {color: #FFF;}
.pretty_table td {border-right: solid 1px #999; border-left: solid 1px #999; padding: 1px 2px 1px 2px; vertical-align: top;}
.pretty_table .row1 {background: #FFF;}
.pretty_table .row2 {background: #D8DEE3;}
.pretty_table caption { background: #253A55; color: #FFF; text-align: center; padding: 2px; vertical-align: top; text-transform: uppercase; font-weight: bold; margin-left: -1px; /* Fix FF 1px issue */}
.pretty_table .td_header td { background-color: #BBB; color: #253A55; font-weight: bold; text-align: center; border: 1px solid #999; }
.pretty_table thead td {background-color: white;}
.pretty_table input[type='checkbox'] {position: inherit;}
.pretty_table .edit img {display:block; margin-left:auto; margin-right:auto;}
.tableContainer {padding-left: 1px;}
.late, .pretty_table .late {color:crimson;}
.due-today, .pretty_table .due-today {color:darkblue;}

/* /////////////////////Sortable Columns/////////////////// */
.sort_down a { display:block; padding-right:10px; padding-left:10px;}
.sort_down a:hover { background: #253a55 url(/media/img/arrow-down.png) no-repeat right center; padding-right:10px; padding-left:10px; }
.sort_down_show a { display:block; background: #253a55 url(/media/img/arrow-down.png) no-repeat right center; padding-right:10px; padding-left:10px; }
.sort_down_show a:hover { background: #253a55 url(/media/img/arrow-up.png) no-repeat right center; padding-right:10px; padding-left:10px; }
.sort_up a { display:block; padding-right:10px; padding-left:10px;}
.sort_up a:hover { background: #253a55 url(/media/img/arrow-up.png) no-repeat right center; padding-right:10px; padding-left:10px; }
.sort_up_show a { display:block; background: #253a55 url(/media/img/arrow-up.png) no-repeat right center; padding-right:10px; padding-left:10px; }
.sort_up_show a:hover { background: #253a55 url(/media/img/arrow-down.png) no-repeat right center; padding-right:10px; padding-left:10px; }

/* Tips */
.tip { color: #fff; width: 139px; z-index: 13000; }
.tip-title { font-weight: bold; font-size: 1em; margin: 0; color: #9fd4ff; padding: 8px 8px 4px;background-color: #333;opacity:.9;}
.tip-text { font-size: .688em; padding: 4px 8px 8px; background: url('/media/img/bubble.png') bottom right;}

/* Tabs */
.tabs { 
    border-bottom:1px solid #253A55;
    height:1%; /* fixing IE 6 */
    margin:0;
    min-height:auto;
    overflow:auto;
}
.tabs li {
    /*border:1px solid #253A55;*/
    border-bottom:none;
    float:left;
    line-height:1.5; 
    list-style-type:none;
    margin:0 .15em 0 0;
    padding:0;
    -moz-border-radius-topleft:6px;
    -moz-border-radius-topright:6px;
    -webkit-border-top-left-radius:6px;
    -webkit-border-top-right-radius:6px;
}
.tabs li a { 
    background:#dedede;
    /*border:1px solid #eee;*/
    border:1px solid #253A55;
    border-bottom:none;
    color:#253e55;
    cursor:pointer;
    display:block;
    float:left;
    font-weight:bold;
    padding:.15em .33em .25em .33em;
    -moz-border-radius-topleft:6px;
    -moz-border-radius-topright:6px;
    -webkit-border-top-left-radius:6px;
    -webkit-border-top-right-radius:6px;
}
.tabs li a.active { 
    background:#253e55;
    border-bottom:none;
    color:#fff;
}
.tabs li a, .tabs li a:focus, .tabs li a:hover { 
    text-decoration:none;
}
.tabs li a:focus, .tabs li a:hover { 
    color:white;
    background-color: #253e55;
    outline:none;
}
.tabs li a.active:focus, .tabs li a.active:hover { 
    color:#fafafa;
}	
.tabs li.label { 
    border:none;
    font-weight:bold;
    line-height:1.5; 
    margin-right:.5em; 
    padding:.25em .33em .25em .33em;
}

/* /////////////////////Search Filter Styles/////////////////// */
.filter ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.filter li {
    display: block;
    float: left;
}

.filter .row {
    clear: both;
}

.filter input, .filter select {
    border-color: #ACACAC #E1E1E1 #E1E1E1 #ACACAC;
    border-style: solid;
    border-width: 2px;
    margin-right: 6px;
    width: 125px;
}

.filter select {
    width: 130px;
}

.filter label {
    color: #253A55;
    text-align: left;
    display: block;
    font-weight: bold;
    margin-bottom: -0.5em;
}

/* /////////////////////Dashboard Widgets/////////////////// */
.report_small {
    width: 100%;
    margin-bottom: 10px;
    padding-left: 1px;
}

.report_large {
    width: 100%;
    max-height: 20em;
    overflow-x: hidden;
    overflow-y: auto;
    padding-left: 1px;
}

/* /////////////////////Pagination/////////////////// */
.paginator { padding: .6em 0em .6em .25em; }
.paginate-pages { padding: 2px 3px; border: 1px solid #DDD; cursor: pointer; text-decoration: underline; }
.paginate-first, .paginate-last { padding: 2px 6px; border: 1px solid #DDD; font-weight: bold; }
.paginate-previous, .paginate-next { padding: 2px 3px; border: 1px solid #DDD; }
.paginate-link { padding: 2px 4px; border: 1px solid #DDD; }
.paginate-current { padding: 2px 4px; border: 1px solid #DDD; font-weight: bold; background:#87AE44; color:#FFF; }
/* /////////////////////Action Icons/////////////////// */
.icon {
    border: 0;
    cursor: pointer;
    padding-right: 17px;
}

.top_links a.icon, .top_links a:hover.icon{
    margin-right: 3px;
}

.plus-minus {
    background: url(img/green-plus-glass.png) center right no-repeat;
}

.minus {
    background: url(img/green-minus-glass.png) center right no-repeat;
}

.plus {
    background: url(img/green-plus.png) center right no-repeat;
}

.export {
    background: url(img/green-arrow-down.png) center right no-repeat;
}

.import{
    background: url(img/green-arrow-up.png) center right no-repeat;
}

.help {
    background: url(img/green-questionmark.png) center right no-repeat;
}

.settings {
    background: url(img/green-person.png) center right no-repeat;
}

.admin {
    background: url(img/green-sunburst.png) center right no-repeat;
}

.logout {
    background: url(img/green-padlock.png) center right no-repeat;
}

.login {
    background: url(img/green-key.png) center right no-repeat;
}

.bubble {
    background: url(img/green-bubble.png) center right no-repeat;
}

.pencil {
    background: url(img/green-pencil.png) center right no-repeat;
}

.checkmark {
    background: url(img/green-checkmark.png) center right no-repeat;
}

/*ClientCide StickyWin Overrides*/
div.CIStickyWin {position: relative;}
div.CIStickyWin div.top{-moz-user-select: none;-khtml-user-select: none;}
div.CIStickyWin div.top_ul{background:url(/media/clientcide_assets/stickyWinHTML/full.png) top left no-repeat; height:30px; width:15px; float: left}
div.CIStickyWin div.top_ur{position:relative; left:0px !important; left:-4px; background:url(/media/clientcide_assets/stickyWinHTML/full.png) top right !important; height:30px; margin:0px 0px 0px 15px !important; margin-right:-4px; padding:0px}
div.CIStickyWin h1.caption{font-size: 16px; clear: none !important; margin:0px !important; overflow: hidden; padding:0 !important; font-weight:bold; color:#253A55; position:relative; top:8px !important; left:5px !important; float: left; height: 22px !important;}
div.CIStickyWin div.middle, div.CIStickyWin div.closeBody {background:url(/media/clientcide_assets/stickyWinHTML/body.png) top left repeat-y; margin:0px 20px 0px 0px !important;   margin-bottom: -3px; position: relative;    top: 0px !important; top: -3px;}
div.CIStickyWin div.body{background:url(/media/clientcide_assets/stickyWinHTML/body.png) top right repeat-y; padding:8px 23px 8px 0px !important; margin-left:5px !important; position:relative; right:-20px !important; z-index: 1;}
div.CIStickyWin div.bottom{clear:both;}
div.CIStickyWin div.bottom_ll{background:url(/media/clientcide_assets/stickyWinHTML/full.png) bottom left no-repeat; width:15px; height:15px; float:left}
div.CIStickyWin div.bottom_lr{background:url(/media/clientcide_assets/stickyWinHTML/full.png) bottom right; position:relative; left:0px !important; left:-4px; margin:0px 0px 0px 15px !important; margin-right:-4px; height:15px}
div.CIStickyWin div.closeButtons{text-align: center; background:url(/media/clientcide_assets/stickyWinHTML/body.png) top right repeat-y; padding: 4px 30px 8px 0px; margin-left:5px; position:relative; right:-20px}
/*div.CIStickyWin a.button:hover{background:url(/media/clientcide_assets/stickyWinHTML/big_button_over.gif) repeat-x}
div.CIStickyWin a.button {background:url(/media/clientcide_assets/stickyWinHTML/big_button.gif) repeat-x; margin: 2px 8px 2px 8px; padding: 2px 12px; cursor:pointer; border: 1px solid #999 !important; text-decoration:none; color: #000 !important;}
*/
div.CIStickyWin a.button {float:none; display: inline;}
div.CIStickyWin div.closeButton{width:13px; height:13px; background:url(/media/clientcide_assets/stickyWinHTML/closebtn.gif) no-repeat; position: absolute; right: 0px; margin:10px 15px 0px 0px !important; cursor:pointer;top:0px}
div.CIStickyWin div.dragHandle {  width: 11px;    height: 25px;   position: relative; top: 5px;   left: -3px; cursor: move;   background: url(/media/clientcide_assets/stickyWinHTML/drag_corner.gif); float: left;}

/* Button and a link buttons formatting
*  particletree.com/features/rediscovering-the-button-element
*/

a.button, button {
  display:block;
  float:left;
  margin: 0.5em 0.5em 0.5em 0;
  padding:2px 7px;   /* Links */
  
  border:2px solid #acacac;
  border-top:2px solid #e1e1e1;
  border-left:2px solid #e1e1e1;

  background-color:#87ae44;
  font-size:100%;
  font-family: inherit;
  line-height:130%;
  text-decoration:none;
  font-weight:bold;
  color:#fff;
  cursor:pointer;
}
button {
  width:auto;
  overflow:visible;
  padding:0px 5px;   /* IE6 */
}
button[type] {
  padding:0px 5px;   /* Firefox */
  line-height:17px;           /* Safari */
}
*:first-child+html button[type] {
  padding:0px 5px;   /* IE7 */
}
button img, a.button img{
  margin:0 3px -3px 0 !important;
  padding:0;
  border:none;
  width:16px;
  height:16px;
  float:none;
}


/* Button colors
-------------------------------------------------------------- */

/* Standard */
button:hover, a.button:hover{
    background-color: #9dca4f;
}
a.button:active{
    background-color: #9dca4f;
}

/* Positive */
body .positive {
  color:#529214;
}
a.positive:hover, button.positive:hover {
  background-color:#E6EFC2;
  border:1px solid #C6D880;
  color:#529214;
}
a.positive:active {
  background-color:#529214;
  border:1px solid #529214;
  color:#fff;
}

/* Negative */
body .negative {
  color:#d12f19;
}
a.negative:hover, button.negative:hover {
  background-color:#fbe3e4;
  border:1px solid #fbc2c4;
  color:#d12f19;
}
a.negative:active {
  background-color:#d12f19;
  border:1px solid #d12f19;
  color:#fff;
}


/* Surround uppercase words and abbreviations with this class.
   Based on work by Jørgen Arnor Gårdsø Lom [http://twistedintellect.com/] */
   
.caps { 
  font-variant: small-caps; 
  letter-spacing: 1px; 
  text-transform: lowercase; 
  font-size:1.2em;
  line-height:1%;
  font-weight:bold;
  padding:0 2px;
}

.spinner {
    position: absolute;
    opacity: 0.9;
    filter: alpha(opacity=90);
    z-index: 999;
    background: #fff;
}
.spinner-msg {
    text-align: center;
    font-weight: bold;
}

.spinner-img {
    background: url(img/spinner.gif) no-repeat;
    width: 24px;
    height: 24px;
    margin: 0 auto;
}
/* CopyRigth*/
.copyR{
			position:relative;
			font-size:xx-small;
			width:100%;
			padding:3px;
		}
/* breadcrumbs hack*/
.breadcrumbs{
	z-index:10000!important;
	padding:3px;
}
#ajax_page_element{
	top:120px;
}