/*---------------------------------
	IMPORTS
-----------------------------------*/


/*---------------------------------
	OVERRIDES
-----------------------------------*/
h1,h2,h3,h4,h5,h6{
font-family: Arial, verdana, sans-serif;
}

b,strong {background-color:transparent;padding: 0;}

.bold {font-weight: bold;}
.black {color: #000;}


/*.menu li.has-menu span.arrow {top: 40%;}*/

/*Tables*/

thead th, 
tbody th, 
th, td{
font-family: Arial, verdana, sans-serif;
font-size: 12px;
}

table.striped tr { background:#ffffff; }
table.striped th { text-align:center; }
table.striped thead th.center { text-align:center; }
table.striped th.left { text-align:left; }

table.tight th, .tight td{
	display: table-cell;
	float: none;
	margin: 0;
	}
	
table.default th, .default td{
	display: table-cell;
	float: none;
	margin: 0;
	}




/*Buttons*/
button,
a.btn,
input[type="submit"],
input[type="reset"],
input[type="button"]{
font-family: Arial, verdana, sans-serif;
}



button.small, a.btn.small, a.button.small{font-size: 12px;}
	
.no_margin_top {margin-top:0px;}	

input{
	/*border: 1px solid #C8C8C8;
	/*box-shadow: 0 0px 2px #C8C8C8 inset;
	border-radius: 3px;
	box-shadow: none;
	padding: 3px 0px !important;
	text-indent: 3px;
	*/
	display: inline-block;
	height: 30px;
	padding: 4px 6px;
	margin-bottom: 10px;
	font-size: 14px;
	line-height: 20px;
	color: #555555;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	vertical-align: middle;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
	-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
	-o-transition: border linear 0.2s, box-shadow linear 0.2s;
	transition: border linear 0.2s, box-shadow linear 0.2s;
	}
/*
.input-preicon {
display: inline-block;
margin-bottom: 10px;
vertical-align: middle;
font-size: 0;
white-space: nowrap;
}
	
.input-preicon, .input-icon {
display: inline-block;
width: auto;
height: 20px;
min-width: 16px;
padding: 4px 5px;
font-size: 14px;
font-weight: normal;
line-height: 20px;
text-align: center;
text-shadow: 0 1px 0 #ffffff;
background-color: #eeeeee;
border: 1px solid #ccc;
*/
	
input.col_1, 
input.col_2, 
input.col_3, 
input.col_4, 
input.col_5, 
input.col_6, 
input.col_7, 
input.col_8, 
input.col_9, 
input.col_10, 
input.col_11, 
input.col_12{
	padding: 3px 0px 0px 3px;
	margin: 0;
	width:100%;
	}	

select{
	height: 30px;
	border-radius: 3px;
	padding-top: 4px;
	/*line-height: 1.5;*/
	vertical-align: middle;
	font-size: 14px;
	color: gray;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
	-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
	-o-transition: border linear 0.2s, box-shadow linear 0.2s;
	transition: border linear 0.2s, box-shadow linear 0.2s;
	}

/*stable Styles*/
select.stable-styled-select{
   background: transparent;
   width: 200px;
   padding: 3px;
   font-size: 16px;
   border: 1px solid #ccc;
   height: 25px;
}

td.stable-row-fix{
	overflow: hidden;
	float: none;
	word-break: break-all;
	word-wrap: break-word;
	}
	
.container-word-wrap{
	overflow: hidden;
	float: none;
	word-break: break-all;
	word-wrap: break-word;
	}			
	
fieldset{
	padding: 0;
	margin: 0;
	box-shadow: 0px 1px 1px 0px #9f9f9f;
	/*border-radius: 0 0 5px 5px;*/
	}
	
fieldset div.legend{
	font-family: Arial, verdana, sans-serif;
	text-transform: uppercase;
    color: #494949;
    font-size: 12px;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 30px;
    text-indent: 20px;
    height: 30px;
    width: 100%;
	background-color: transparent;
	background-image: -moz-linear-gradient(top, #fdfdfd, #f4f4f4);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdfdfd), to(#f4f4f4));
	background-image: -webkit-linear-gradient(top, #fdfdfd, #f4f4f4);
	background-image: -o-linear-gradient(top, #fdfdfd, #f4f4f4);
	background-image: linear-gradient(to bottom, #fdfdfd, #f4f4f4);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffdfdfd', endColorstr='#fff4f4f4', GradientType=0);
	text-shadow: 0 1px 0 0 1px 0 #ffffff;
	border-bottom: 1px solid #C8C8C8;
	border-radius:3px 3px 0 0;
}


fieldset div.content{padding: 5px 15px 15px;font-family:arial;}
fieldset div.content section{padding: 5px 0px;}	
fieldset div.content section label{padding: 5px 0px;}

fieldset div.limitHeight150{max-height:150px; overflow-y:auto;}
fieldset div.limitHeight200{max-height:200px; overflow-y:auto;}
fieldset div.limitHeight250{max-height:250px; overflow-y:auto;}
fieldset div.limitHeight500{max-height:500px; overflow-y:auto;}

fieldset div.content .col_12{margin:0; width:99.9%}
fieldset div.content .col_6{margin:0; width:49.9%}

fieldset hr{margin: 3px 0px;}
		

/*---------------------------------
	TRANSITIONS
-----------------------------------*/

a{transition: none;-moz-transition: none;-webkit-transition: none;-o-transition:  none;}


/*---------------------------------
	MENU
-----------------------------------*/

.menu{
	margin:-1px -1px 0 -1px;
	z-index: 2005;
	}

.menu ul{min-width:200px;*width:200px;}

.menu li{
	font-family: Arial, verdana, sans-serif;
	padding: 0px 0px 0px 0px;
}

.menu li a{
	font-size: 14px;
	text-transform: capitalize;
	padding: 16px 20px;
	margin: 0;
	line-height:13px;
	/*text-align: center;*/	
	}

#menu-opens-btn a:hover,
#menu-opens-btn li.hover>a
{
	background-color: transparent;	
}		
	
	 
	
/*---------------------------------
	MENU
-----------------------------------*/

ul.tabs li a{
	font-size: 12px;
	border-radius:10px 10px 0 0;
	text-shadow: 0px 1px 0px #fff;
	font-weight:700;
	}


blockquote{
font-family: Arial, verdana, sans-serif;
}

.clear_col{
	float: none;
}


#page-container .col_12_fix_width{
	margin: 0px;
	width: 99.9%;
	}
	
.col_12_margin{padding: 0px 8px !important;}
.col_12_margin_fix{margin: 8px !important;}
	
	
/*---------------------------------
	LAYOUT
-----------------------------------*/
html {
	height: 100%;
}	

body{
	height: 100%;
	margin: 0;
	padding: 0;
	color: gray;
	height: 100%;
	font:normal 12px arial, verdana, sans-serif;
	text-shadow: 0px 0px 1px transparent; /* google font pixelation fix */
	background: #a3e4f5 url("../imgs/bg.jpg") no-repeat scroll center top;
}

.lightgray-bagckground {
	background: #ffffff;
}

.tab-content{
	padding: 0px;
	border-radius:0 7px 7px 7px;
	border: 1px solid #efefef;
}

.tab-content-livedash{
	border:0px;
	/*background-color: #FFFFFF;
	border: 1px solid #efefef;
	background-color: transparent;
	background-image:  url("../imgs/bg-box.png"); 
	background-repeat: repeat;
	background-position: scroll 0 0; */
}

.tab-content-admin{
	background-color: #FFFFFF;
	border: 1px solid #efefef;
	/*background-color: transparent;
	background-image:  url("../imgs/bg-box.png"); 
	background-repeat: repeat;
	background-position: scroll 0 0; */
}

.tab-content-opens-margin-fix{
	margin: 20px auto !important;
	width:90%;
	}



	
#page-container{
	/*background-color: #CAD1DE;*/
	margin: 0 auto;
	width: 100%;
	/*
	height: 100%;
	min-height: 100%;
	*/
}	

#wrap{
	width: 100%;
	min-height: 100%;
	margin: 0 0 0 auto;
	padding: 0;
}

#app-window-container{
	width: 100%;
	min-height: 100%;
	margin: 10px 0 0 0;
	padding: 0;
	height: 200px;
}

#app-window-container div.window_footer{display:none;}

.wrap-in{
	}

/*Simple box style*/

div.user_market_app_container{
background: #F8F8F8;
border: 1px solid #fff;
border-radius: 5px;
box-shadow: 0 1px 3px rgba(0,0,0,0.5);
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
background-image: -webkit-gradient(radial, 0% 0%, 0% 100%, from(rgba(213,246,255,1)), to(rgba(213,246,255,0)));
background-image: -webkit-radial-gradient(50% 50%, 90% 90%, rgba(255, 255, 255, 1), rgba(248, 248, 248, 0));
background-image: -moz-radial-gradient(50% 50%, 50% 50%, rgba(213,246,255,1), rgba(213,246,255,0));
background-image: -ms-radial-gradient(50% 50%, 50% 50%, rgba(213,246,255,1), rgba(213,246,255,0));
background-image: -o-radial-gradient(50% 50%, 50% 50%, rgba(213,246,255,1), rgba(213,246,255,0));
margin-right:0;
margin-left:0;
height:100px;
}
img.user_market_app_icon {cursor: pointer;margin-top:11px;}
div.user_market_app_title { margin:0;font-size:14px;padding-top:5px; }


.simple-box{
	padding: 0;
	margin: 0;
	border-radius: 0 0 5px 5px;
    border: 1px solid #CCCCCC;
    position: relative;
    left: 0;
    top: 0;
	border-radius:5px;
	}
	
.transparent-simple-box {	
	/*background: url(../imgs/bg-box.png) transparent;*/
	color: white;
}
.simple-box div.content .api-credentials{background-color:#ffffff;border-radius:0px 7px 7px 7px; border:1px solid #efefef;}
.simple-box div.title{
	font-family: Arial, verdana, sans-serif;
	color: #494949;
	font-size: 14px;
	font-weight: bold;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 30px;
	text-indent: 20px;
	height: 30px;
	width: 100%;
	background-color: transparent;
	background-image: -moz-linear-gradient(top, #fdfdfd, #f4f4f4);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdfdfd), to(#f4f4f4));
	background-image: -webkit-linear-gradient(top, #fdfdfd, #f4f4f4);
	background-image: -o-linear-gradient(top, #fdfdfd, #f4f4f4);
	background-image: linear-gradient(to bottom, #fdfdfd, #f4f4f4);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffdfdfd', endColorstr='#fff4f4f4', GradientType=0);
	text-shadow: 0 1px 0 0 1px 0 #ffffff;
	border-bottom: 1px solid #C8C8C8;
	border-radius: 5px 5px 0px 0px;
}
.simple-box div.content-categories {}
.simple-box div.content { padding: 5px 15px 15px; background-color:#ffffff;border-radius:0 0 5px 5px;}
.simple-box div.content .col_12{margin:0; width:99.9%}
.simple-box div.content .col_6{margin:0; width:49.9%}


.simple-box-old {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #DDDDDD;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.2) inset;
    padding: 5px;
}

.simple-box-old div.title{
	background-color: gray;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    margin: 5px auto;
    overflow: hidden;
    text-overflow: ellipsis;
    text-shadow: 1px 0 1px rgba(0, 0, 0, 0.3), -1px 0 1px rgba(0, 0, 0, 0.3), 0 2px 1px rgba(0, 0, 0, 0.3), 0 0 1px rgba(0, 0, 0, 0.3), 1px 1px 1px rgba(0, 0, 0, 0.3), 1px -1px 1px rgba(0, 0, 0, 0.3), -1px 1px 1px rgba(0, 0, 0, 0.3), -1px -1px 1px rgba(0, 0, 0, 0.3);
    white-space: nowrap;
    width: 98%;
}

.simple-box-old div.content{
	padding: 10px 0px 10px 0px;
	}
	
	
a.category-item {
	color: #fff;
}


/*
#footer{
text-align:center;
padding:20px;
margin:0;
background:#efefef;
border-top:1px solid #ccc;
color:#999;
font-size:0.8em;
text-shadow:0px 1px 1px #fff;
position: relative;
top:0;
left:0;
}
*/

#link-top{
	position: absolute;
	top:10px;
	right:10px;
	*right:25px;/*IE 7 ONLY*/
	left:auto;
	color:#666;
	text-decoration:none;
	display: inline-block;
	padding:5px 10px;
	background:#e5e5e5;
	line-height:100%;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	}
	

/*Menu styles*/
.column .inner{padding:0}
@media all and (max-width: 1025px) {	
.desktop-menu{display:none;}
.mobile-menu{display:block;}
}
@media all and (min-width: 1025px) {	
.desktop-menu{display:block;}
.mobile-menu{display:none;}
}
.top-menu {
	}
		
.top-menu .col_12 {
	margin: 0px;
	width: 99.9%;
	}
	
.top-menu .col_12 .col_6 {
	margin:0px; 
	width:50%;
	}

.top-menu .col_12 .col_8 {
    margin: 0;
    width: 66%;
}

.top-menu .col_12 .col_4 {
    margin: 0;
    width: 34%;
}

.top-menu .col_12 .col_6 .menu-left {
	border-right: none;
	height: 44px;
	}

.top-menu .col_12 .col_6 .menu-right {
	border-left: none;
	height: 44px;
	}
	

.top-menu .col_12 span.opens-btn{
   	display: inline-block;
	margin: -25px 70px -10px -5px;
   	color: inherit;
    font-size: 21px;
    height: 0.8em;
    left: 0;
    line-height: 120%;
    position: relative;
    text-align: center;
    text-decoration: none;
    top: -3px;
    vertical-align: middle;
    width: 0.8em;
    }
    
    
.top-menu .col_12 span.opens-btn span{
	background-color:transparent;
	background-image: url(../imgs/icon.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	display: inline-block;
	width: 80px;
	height: 40px;
	padding: 0px !important;
	margin: 0px 9px 0px 9px !important;
	}
	
.top-menu .col_12 span.opens-btn span:hover{
	background-position: 0px -40px;
	background-color: transparent;
	}
		
span.opens-btn span{
	background-color:transparent;
	background-image: url(../imgs/icon.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	display: inline-block;
	width: 80px;
	height: 40px;
	padding: 0px !important;
	margin: 0px 9px 0px 9px !important;
	} 
	
span.opens-btn span:hover{
	background-position: 0px -40px;
	background-color: transparent;
	}
	

.top-menu .col_12 a.opens-logo {
	/*background-color:transparent;
	background-image: url(../imgs/opens_logo.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	display: inline-block;
	width: 120px;
	height: 25px;
	padding: 0px !important;
	margin: 0px 9px 0px 9px !important;*/
	}




/*Widget Box Style*/
.main-window {
	display : block;
	/*background: url(../imgs/bg-box.png) transparent;
	border : 1px solid #e6e6e6;
	border-radius: 0 0 5px 5px;*/
	width: 70%;
}
.main-window { width:99%;max-width:900px; }

div.main-window {
	display : block;
	/*background: url(../imgs/bg-box.png) transparent;
	border : 1px solid #C8C8C8;*/
	margin: 2% auto;	
}
div.main-window .window-header {
	/*display : block;
	position : relative;
	background-image: -moz-linear-gradient(top, #FCFCFC, #E0E0E0);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#FCFCFC), to(#E0E0E0));
	background-repeat: repeat;
	background-position: 0 0;
	background-color: transparent;
	padding : 8px 10px 0 ;
	font : 13px Arial,Verdana, sans-serif;
	color : gray;
	text-transform : uppercase;
	height : 20px;*/
	cursor: move;
	background-color: transparent;
	background-image: -moz-linear-gradient(top, #fdfdfd, #f4f4f4);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdfdfd), to(#f4f4f4));
	background-image: -webkit-linear-gradient(top, #fdfdfd, #f4f4f4);
	background-image: -o-linear-gradient(top, #fdfdfd, #f4f4f4);
	background-image: linear-gradient(to bottom, #fdfdfd, #f4f4f4);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffdfdfd', endColorstr='#fff4f4f4', GradientType=0);
	border: 1px solid #C8C8C8;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	text-shadow: 0 1px 0 0 1px 0 #ffffff;
	height: 28px;
	line-height: 35px;
	position: relative;
	padding : 10px 5px 0px 10px;
	font : 14px 'Raleway', Arial,Verdana, sans-serif;
	font-weight:600;
	color : #494949;
	overflow: hidden;
	text-shadow: 0px 1px 0px #ffffff;
    filter: dropshadow(color=#ffffff, offx=0, offy=1);
}

div.main-window .window-footer {
	display : none;
	position : relative;
	background : url(../imgs/window/box-title.gif) repeat-x left top;
	padding : 8px 10px 0 ;
	font : 13px/1.0em, Trebuchet MS;
	color : #000000;
	margin: 25px 0px 0px 0px;
	text-transform : uppercase;
	height : 21px;
}

div.main-window .window-content{
	display : block;
	padding : 20px;
	background-color:#ffffff;
	border-right:1px solid #C8C8C8;
	border-bottom:1px solid #C8C8C8;
	border-left:1px solid #C8C8C8;
	-webkit-border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
	-webkit-box-shadow: 0px 1px 1px 0px #9f9f9f;
	box-shadow: 0px 1px 1px 0px #9f9f9f;
}

div.main-window .window-content p{
	color : gray;
}

div.main-window .window-content h3{
	color : gray;
}

div.block-center{margin:0 auto;}

.window-header .col_3{margin: 0px;width: 24.9%;}
.window-header .col_6{margin: 0px;width: 49.9%;}
.window-header .col_9{margin: 0px;width: 74.9%;}
.window-header .col_12{margin: 0px;width: 99.9%;}
	
div.main-window .window-header span.window-close{
	float : right;
	margin : -4px -15px 0;
	background : url(../imgs/window/box-close.png) no-repeat left top transparent;
	overflow : hidden;
	cursor : pointer;
	width : 40px;
	height : 21px;
}

div.main-window .window-header span.window-close:hover{
	background-position : left bottom;
}


/* ------------ OpenS Logo ---------------- */

#opens-logo{
	background : transparent url(../imgs/extras/logo_opens.png) no-repeat left top;
	display:inline-block;
	width: 170px;
	height: 90px;
	}
	

	
/* ------------ jqNotify Style ---------------- */

#info_message{
    display: none;
    width: 100%;
    height: 51px;
    position: absolute;
    top: 0;
    position: fixed;
    z-index: 50000;
    margin: 0;
    padding: 0;
}
.center_auto{
    margin: 0 auto;
    width: 950px;
    padding: 15px 25px;
}
#info_message .message_area{
    float: left; 
    width: 98%;
}
#info_message .message_area span.link_ribbon{
    color: #999999;
    text-decoration: underline;
    cursor: pointer;
}
#info_message .button_area{
    float: left;
    width: 11px;
    height: 10px;
    margin-top: 3px;
}
.error_bg{
    background: url('../imgs/jqnotify/error_bg.png') 0 0 repeat-x;
}
.error_bg .message_area{
    font:bold 14px arial;
    color: #a20510;
    text-shadow: 0 1px 0 #fff; 
}
.error_bg .button_area{
    background: url('../imgs/jqnotify/error_close.png') 0 0 no-repeat;    
    cursor: pointer;
}
.error_bg .info_more_descrption{

    -moz-box-shadow: 0 0 5px #b2495b;
    -webkit-box-shadow: 0 0 5px #b2495b;
    box-shadow: 0 0 5px #b2495b;
}
.succ_bg{
    background: url('../imgs/jqnotify/succ_bg.png') 0 0 repeat-x;
}
.succ_bg .message_area{
    font:bold 14px arial;
    color: #2f7c00;
    text-shadow: 0 1px 0 #fff; 
}
.succ_bg .button_area{
    background: url('../imgs/jqnotify/succ_close.png') 0 0 no-repeat;    
    cursor: pointer;
}
.info_bg{
    background: url('../imgs/jqnotify/info_bg.png') 0 0 repeat-x;
}
.info_bg .message_area{
    font:bold 14px arial;
    color: #0d9a95;
    text-shadow: 0 1px 0 #fff; 
}
.info_bg .button_area{
    background: url('../imgs/jqnotify/info_close.png') 0 0 no-repeat;    
    cursor: pointer;
}
.warn_bg{
    background: url('../imgs/jqnotify/warn_bg.png') 0 0 repeat-x;
}
.warn_bg .message_area{
    font:bold 14px arial;
    color: #a39709;
    text-shadow: 0 1px 0 #fff; 
}
.warn_bg .button_area{
    background: url('../imgs/jqnotify/warn_close.png') 0 0 no-repeat;    
    cursor: pointer;
}
.clearboth{
    clear: both;
}

.info_more_descrption{
    display: none;
    width: 950px;
    height: 300px;
    background: #fff;
    margin: 0 auto;
    padding: 10px;
    background: #fbfbfb;
    overflow: auto;
}
.succ_bg .info_more_descrption{    
    -moz-box-shadow: 0 0 5px #56a25e;
    -webkit-box-shadow: 0 0 5px #56a25e;
    box-shadow: 0 0 5px #56a25e;
}




/*Container sizes*/
div.section-center.col_1{width: 8.3%;}
div.section-center.col_2{width: 16.6%;}
div.section-center.col_3{width: 24.9%;}
div.section-center.col_4{width: 33.2%;}
div.section-center.col_5{width: 41.5%;}
div.section-center.col_6{width: 49.8%;}
div.section-center.col_7{width: 58.1%;}
div.section-center.col_8{width: 66.4%;}
div.section-center.col_9{width: 74.7%;}
div.section-center.col_10{width: 83%;}
div.section-center.col_11{width: 91.3%;}
div.section-center.col_12{width: 99.6%;}
div.section-center{margin: 2% auto; float: none; display: block;}

/* Login Window Details*/

#login-window { padding-bottom:10px;}

div.main-window .window-header-login {
	cursor: move;
	background : url(../imgs/login_top.png) no-repeat center top;
	height:100px;
}

div.main-window .window-content-login{
	display : block;
	padding : 20px;
	background-color:#ffffff;
	border-right:1px solid #C8C8C8;
	border-bottom:1px solid #C8C8C8;
	border-left:1px solid #C8C8C8;
	-webkit-border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
	-webkit-box-shadow: 0px 1px 1px 0px #9f9f9f;
	box-shadow: 0px 1px 1px 0px #9f9f9f;
}
.login-input input {
	width: 180px;
	font-weight: 700;
	border-radius: 0 5px 5px 0;
	height: 34px;
	font-weight:700;
	float:left;
}
#user-input-icon {
	background:url(../imgs/user-icon-login.jpg) left top; 
    width:43px; 
    height:44px;
    display: block;
    float: left;
	margin-left:10px;
}
#password-input-icon{
	background:url(../imgs/password-icon-login.jpg) left top; 
    width:43px; 
    height:44px;
    display: block;
    float: left;
	margin-left:10px;
}

#login-window .main-window{width: 310px;}
.half-window .main-window{width: 50%;}

.stripped-form label{padding: 0px 10px;color: gray;}
.stripped-form label.error {padding:0; color: red;}
	
#login-window #user-login-btn {
	height: 40px;
	width: 200px;
	font-size: 14px;
	font-weight: 700;
	margin-top:40px;
	}

/*User list style*/
#mass_action_box section label {padding: 5px 0px 15px 0px;}

.col_12 #mass_action_btn{margin-left:35px;}

#assign_user_departments div.content section{padding: 3px 0px;}
#department_persmissions_box div.content section{padding: 3px 0px;}

/*Apps manage*/
.col_12_fix {margin: 10px 10px 0px 8px !important;}
.col_12_fix p {margin-left: 10px;}

/*alignments*/
.alignRight { text-align:right; }
.alignCenter { text-align:center; }

/*margins centering*/
.marginsCenter { margin-left:auto;margin-right:auto; }

/*relative text sizing*/
.smaller { font-size:80%; }
.bigger { font-size:120%; }

/*no float fix*/
.nofloat { float:none; }


/*text colors*/
/* colors (starting point) */
.text.gray{color:#999;}
.text.darkgray{color:#666;}
.text.black{color:#000;}
.text.white{color:#fff;}
.text.red{color:#CA2200;}
.text.blue{color:#3EBDFF;}
.text.green{color:#A7C210;}
.text.pink{color:#E9236E;}


/*UX Stuff*/


/*Percentage Bars*/
.percentageBar {
	width: 100px;
	height: 10px;
	border: 1px solid black;
	display: inline-block;
	background-color: transparent;
}

.percentageBarInside {height:10px;}
	
.percentageBarInside.gray{background-color:#c9c9c9;}
.percentageBarInside.darkgray{background-color:#8d8d8d;}
.percentageBarInside.black{background-color:#000;}
.percentageBarInside.white{background-color:#fff;}
.percentageBarInside.red{background-color:#C13A32;}
.percentageBarInside.blue{background-color:#3498db;}
.percentageBarInside.green{background-color:#27ae60;}
.percentageBarInside.pink{background-color:#bb1f73;}
.percentageBarInside.yellow{background-color:#f1c40f;}
.percentageBarInside.orange{background-color:#d35400;}


/*fieldset and legend coloring*/
fieldset.gray{border-color:#c9c9c9;}
fieldset.darkgray{border-color:#8d8d8d;}
fieldset.black{border-color:#000;}
fieldset.white{border-color:#fff;}
fieldset.red{border-color:#C13A32;}
fieldset.blue{border-color:#3498db;}
fieldset.green{border-color:#27ae60;}
fieldset.pink{border-color:#bb1f73;}
fieldset.yellow{border-color:#f1c40f;}
fieldset.orange{border-color:#d35400;}

.legend.fill.gray{background-color:#c9c9c9;color: #999;background-image:none;}
.legend.fill.darkgray{background-color:#8d8d8d;color: #4a4a4a;background-image:none;}
.legend.fill.black{background-color:#000;color: #ccc;background-image:none;}
.legend.fill.white{background-color:#fff;color: #ccc;background-image:none;}
.legend.fill.red{background-color:#C13A32;color:#FFDBDA;background-image:none;}
.legend.fill.blue{background-color:#3498db;color: #2F395C;background-image:none;}
.legend.fill.green{background-color:#27ae60;color: #005700;background-image:none;}
.legend.fill.pink{background-color:#bb1f73;color: #561235;background-image:none;}
.legend.fill.yellow{background-color:#f1c40f;color: #65591A;background-image:none;}
.legend.fill.orange{background-color:#d35400;color: #7e2c00;background-image:none;}


/*Pie Legend Boxes*/
.pieLegendBox {
	border: 1px solid #000;
	height: 12px;
	width: 12px;
	display: inline-block;
}

.pieLegendBox.blue{background-color:#3A87C4}
.pieLegendBox.green{background-color:#53B538}
.pieLegendBox.orange{border-color:#E45B24; background-color:#E45B24}
.pieLegendBox.yellow{border-color:#E6F422; background-color:#E6F422}
.pieLegendBox.turquoise{border-color:#4DC7E3; background-color:#4DC7E3}
.pieLegendBox.light-green{border-color:#5DE96F; background-color:#5DE96F}
.pieLegendBox.light-orange{border-color:#FF9254; background-color:#FF9254}
.pieLegendBox.light-yellow{border-color:#FFF45D; background-color:#FFF45D}
.pieLegendBox.light-turquoise{border-color:#65F5C2; background-color:#65F5C2}
.pieLegendBox.light-blue{border-color:#B2DEFF; background-color:#B2DEFF}
.pieLegendBox.gray{border-color:#CCCCCC; background-color:#CCCCCC}

/*StatsInfoBox*/
.statsInfoBox {
	border: 3px solid;
	border-radius: 5px;
	height: 66px;
	max-width: 100px;
	text-align: center;
	cursor: default;
	width:85%;
}

.statsInfoBoxInside {
	text-align: center;
	font-size:19.2px;
	height: 66px;
	width: 100%;
	padding-top:20px;
	vertical-align: middle;
	font-weight: bold;
	font-size: 160%;
	font-family:arial,sans-serif;
}

/*StatsInfoBoxSlim*/
.statsInfoBoxSlim {
	border: 3px solid;
	border-radius: 5px;
	height: 30px;
	width: 70px;
	text-align: center;
	cursor: default;
}

.statsInfoBoxSlimInside {
	text-align: center;
	height: 30px;
	width: 70px;
	display: table-cell;
	vertical-align: middle;
	font-weight: bold;
	font-size: 160%;
}


.statsInfoBoxInsidePercent {font-size:50%;}

.statsInfoBoxSlim.gray,.statsInfoBox.gray{border-color:#c9c9c9; color: #999;}
.statsInfoBoxSlim.darkgray,.statsInfoBox.darkgray{border-color:#8d8d8d; color: #4a4a4a;}
.statsInfoBoxSlim.black,.statsInfoBox.black{border-color:#000; color: #ccc;}
.statsInfoBoxSlim.white,.statsInfoBox.white{border-color:#fff; color: #ccc;}
.statsInfoBoxSlim.red,.statsInfoBox.red{border-color:#C13A32; color:#C13A32;}
.statsInfoBoxSlim.blue,.statsInfoBox.blue{border-color:#3498db; color: #2F395C;}
.statsInfoBoxSlim.green,.statsInfoBox.green{border-color:#27ae60; color: #005700;}
.statsInfoBoxSlim.pink,.statsInfoBox.pink{border-color:#bb1f73; color: #561235;}
.statsInfoBoxSlim.yellow,.statsInfoBox.yellow{border-color:#f1c40f; color: #65591A;}
.statsInfoBoxSlim.orange,.statsInfoBox.orange{border-color:#d35400; color: #7e2c00;}

.statsInfoBoxSlim.fill.gray,.statsInfoBox.fill.gray{background-color:#c9c9c9;}
.statsInfoBoxSlim.fill.darkgray,.statsInfoBox.fill.darkgray{background-color:#8d8d8d;}
.statsInfoBoxSlim.fill.black,.statsInfoBox.fill.black{background-color:#000;}
.statsInfoBoxSlim.fill.white,.statsInfoBox.fill.white{background-color:#fff;}
.statsInfoBoxSlim.fill.red,.statsInfoBox.fill.red{background-color:#C13A32; color:#FFDBDA;}
.statsInfoBoxSlim.fill.blue,.statsInfoBox.fill.blue{background-color:#3498db;}
.statsInfoBoxSlim.fill.green,.statsInfoBox.fill.green{background-color:#27ae60;}
.statsInfoBoxSlim.fill.pink,.statsInfoBox.fill.pink{background-color:#bb1f73;}
.statsInfoBoxSlim.fill.yellow,.statsInfoBox.fill.yellow{background-color:#f1c40f;}
.statsInfoBoxSlim.fill.orange,.statsInfoBox.fill.orange{background-color:#d35400;}


.statsInfoBoxText{
	font-weight: bold;
	font-size: 105%;
}

.statsInfoBoxText.gray{color: #b2b2b2}
.statsInfoBoxText.darkgray{color: #616161}
.statsInfoBoxText.white{color: #eaeaea}
.statsInfoBoxText.red{color: #c83632}
.statsInfoBoxText.blue{color: #3287c8}
.statsInfoBoxText.green{color: #9fc832}
.statsInfoBoxText.pink{color: #c83275}
.statsInfoBoxText.yellow{color: #e1bf22}
.statsInfoBoxText.orange{color: #c87232}

/*Stats Change Arrows*/
.stats-change-text{cursor:default;}
.stats-change-text.red{color:#6d0e0e}
.stats-change-text.green{color: #486d0e}
.stats-change-text.gray{color: #403c3c}

.stats-change-icon{cursor:default;}
.stats-change-icon.red{color:#d61a1a}
.stats-change-icon.green{color:#8ec832}
.stats-change-icon.gray{color:#847b7b}

/*Stats Tables Style*/
table.striped.stats {width:100%}
table.striped.stats tr.stats-odd {display: table-row;}
table.striped.stats tr.stats-row-hide{display: none;}
table.striped.stats tr.stats-row-show{display: table-row;}

table.striped.stats span.timeago-text{}
table.striped.stats td,th {cursor: default}
table.striped.stats span.text-ellipsify {
	white-space: nowrap;
	width: 100%;
	overflow: hidden;
	font-style: italic;
	}
	
table.striped.stats span.details-field{float:left; width:100%;}
table.striped.stats span.details-field label{font-weight:bold; margin-left: 10px; margin-right: 5%;}

table.striped.stats td label {font-weight:bold;}


/* Responsive menu */

.nav-collapse,
.nav-collapse * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.nav-collapse {
  list-style: none;
  width: 100%;
  float: left;
  top: -4px;
  background: #077ead;
}
.nav-collapse ul {
  list-style: none;
  width: 100%;
  float: left;
  top: -4px;
  background: #077ead;
}

.nav-collapse li {
  float: left;
  width: 100%;
  padding: 0px;
}

@media screen and (min-width: 1025px) {
  .nav-collapse li {
    width: 25%;
    *width: 24.9%; /* IE7 Hack */
    _width: 19%; /* IE6 Hack */
  }
}

.nav-collapse a {
  color: #fff;
  text-decoration: none;
  width: 100%;
  border-bottom: 1px solid #04678F;
  padding: 9px 20px;
  float: left;
}

@media screen and (min-width: 1025px) {
  .nav-collapse a {
    margin: 0;
    padding: 1em;
    float: left;
    text-align: center;
    border-bottom: 0;
    border-right: 1px solid white;
  }
}

.nav-collapse ul ul a {
  background: #006f9b;
  padding-left: 35px;
}

@media screen and (min-width: 1025px) {
  .nav-collapse ul ul a {
    display: none;
  }
}

.nav-toggle {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 70px;
  height: 55px;
  float: right;
  text-indent: -9999px;
  overflow: hidden;
  background: url("../imgs/hamburger.gif") no-repeat 50% 55%;
  display:block;
}

@media screen and (-webkit-min-device-pixel-ratio: 1.3), screen and (min--moz-device-pixel-ratio: 1.3), screen and (-o-min-device-pixel-ratio: 2 / 1), screen and (min-device-pixel-ratio: 1.3), screen and (min-resolution: 192dpi), screen and (min-resolution: 2dppx) {
  .nav-toggle {
    background-image: url("../imgs/hamburger-retina.gif");
    -webkit-background-size: 100px 100px;
    -moz-background-size: 100px 100px;
    -o-background-size: 100px 100px;
    background-size: 100px 100px;
  }
}