/* layout */
.template
{
	display: none;
}
body
{
	background: #73c4e3 url(/Content/Images/background-fade.png) repeat-x;
	margin: 0;
	padding: 0;
	color: #000; /*color: #919397;*/
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 0.8em;
	line-height: 1.8em;
}
p
{
	margin-bottom: 0.7em;
}
.admin_link a
{
	font-style: italic;
}
a.approval
{
	font-size: 0.5em;
	color: #76787b;
	padding: 2px;
	border: solid 1px #76787b;
}
a.approval:Hover
{
	text-decoration: none;
	color: Black;
	background: #76787b;
}
.droppable-hover
{
	color: White;
	background: rgb(0,118,203);
}
.droppable-hover a
{
	color: White !important;
}
input, select
{
	color: #222;
	padding: .2em;
}
#main_container
{
	position: relative;
}
#header
{
	height: 108px;
	background: url(/Content/Images/globe_bg.png) no-repeat;
	position: relative;
}
#header #headlip 
{
    position:absolute;
    left:-28px;
}
#header #main_menu
{
	position: absolute;
	height: 22px;
	left: 350px;
	top: 87px;
	background: url(/Content/Images/top-menu-background.png) repeat-x;
	width: 575px;
}
ul
{
	margin-left: 2em;
	margin-top: 1em;
}
#header #main_menu ul
{
	list-style: none;
}
#header #main_menu li
{
    padding:0;
    margin:0;
	float: left;
	display: inline;
}
#header #main_menu li a
{
    line-height:20px;
	display: block;
	color: White;
	font-weight: bold;
	text-decoration: none;
	padding: 0px 10px 0 10px; /*border-right:solid 1px white;*/
}
#header #main_menu li a:Hover
{
	text-decoration: underline;
	background: white;
	color: Black;
}
.inner_container
{
	margin: 0 14px 0 11px;
	background: white;
}
#header_lip
{
    position:relative;
	margin: 0 14px 0 11px;
	background: #d12433;
	height: 40px;
	color:#ffffff;
}
#header_lip img#fold
{
    position:absolute;
    left:-10px;
    top:-0px;
}
#header_lip #welcome
{
    margin:0.4em;
	float: left;
	width:400px;
	font-size:1.5em;
}
#header_lip #search
{
    float:right;
    margin:0.6em;
}
#header_lip #search #main_search
{
    display:inline-block; 
}

/* Inputs */
/*
input[type=submit], input[type=button]
{
    background:#063c78 url(/Content/Images/button-bg.png) repeat-x;
    border:solid 1px black;
    color:White;
}

input[type=submit]:Hover, input[type=button]:Hover
{
    background:rgb(23,77,137) url(/Content/Images/button-bg-on.png) repeat-x;
    border:solid 1px black;
}

input[type=text]
{
    border:solid 1px #999;
}
input[type=text]:Focus, select:Focus, input[type=checkbox]:Focus
{
    background:rgb(217,240,255);
    

}
*/

input[type=text], select, textarea
{


    border:solid 1px gray;
     background:white;
}
input[type=text]:Focus, select:Focus, input[type=checkbox]:Focus, textarea:Focus
{
      background-image: url( '/Content/Images/blue_bg.png' ); 
          background-repeat: repeat-x;
    background-position: top; 
}

#main_content
{
	min-height: 500px;
	padding: 5px;
}
#footer
{
    height:80px;
    background:black;
    padding:20px;
    position:relative;
    color:white;
    margin-bottom:10px;
    margin-top:10px;
    -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#footer .mdl_logo
{
    float:left;
}

#footer .copyright
{
    position:absolute;
    top:20px;
    left:200px;
    text-align:center;
    width:500px;
    line-height:15px;

}
#footer .copyright p
{
   font-size:0.8em;
}
#footer .copyright p.contacts
{
   font-size:1.2em;
}
#footer .engine_room_logo
{
    float:right;
}

#fluid_pane
{
	float: left;
	display: inline;
	width: 890px;
	padding: 10px;
}
#fluid_pane .left
{
	width: 50%;
	display: inline;
	float: left;
}
#fluid_pane .right
{
	width: 50%;
	display: inline;
	float: right;
}
#toggle_pane
{
	float: right;
	display: inline;
	width: 10px;
	height: 1000px;
	background: #e7e7e9;
}
#help_icon
{
	position: absolute;
	left: 935px;
	top: 150px;
	z-index: -2;
}

/* ------- NOTIFY BAR ------- */

#notify_bar
{
	position: relative;
	display: none;
	background: red url(/Content/Images/alert_background.png) repeat-x;
	padding: 1em;
	margin-bottom: 1em;
	color: white;
	font-size: .9em;
	line-height: 1.4em;
	left:0;
	top:0;
	
}
#notify_bar a
{
	color: white;
}
a#notify_close
{
	font-size: .8em;
}
a#notify_details
{
	display: block;
	position: absolute;
	top: 8px;
	left: 695px;
	padding: 0.4em;
	background: white;
	border: solid 1px #015598;
}
a#notify_close:Hover, a#notify_details:Hover
{
	color: black;
	text-decoration: none;
}
.alert_box
{
	padding: 1em;
	margin: 1em;
	position: relative;
}
.alert_box a.btnDismissAlert
{
	float: right;
	padding: 0.4em;
	background: white;
}
.alert_box a.btnDismissAlert:Hover
{
	background: grey;
	color: White;
	text-decoration: none;
}
.clear
{
	clear: both;
}
.debug
{
	border: solid 1px red;
}

/* UI Elements */
.folder_list
{
	padding: .5em 0em .5em 0em;
	width: auto;
}
.folder_list ul
{
	margin: 0;
	padding: 0 0 0 2em;
}
.folder_list li
{
	list-style-image: url(/Content/img/blue_folder.jpg);
	margin: 0;
	padding: 0;
}
.folder_list li a, .doc-info a, .doc-info a:link
{
	font-weight: normal;
	color: black;
}
.doc-info
{
	position: relative;
}
.doc_details
{
	position: absolute;
	left: -100px;
	top: -100px;
	z-index: 2000;
}
.data_note
{
	border: 1px solid #DDD;
	padding: 0em;
	margin: 1em;
	float: left;
	display: inline;
	width: 15em;
	min-height: 12em;
	overflow: hidden;
}

.data_note h1
{
    padding: .5em .5em .5em .5em;
    font-size: 1.2em;
    margin: 0;
    background-color: #EEE;
}

.data_note p
{
    padding: .5em;
}



.file_browser
{
	position: relative;
	padding-left: 50px;
	width: 95%;
	overflow:auto;
}
.file_browser li
{
	list-style-image: url(/Content/img/blue_folder.jpg);
	white-space: nowrap;
}
.file_browser li.selected
{
	background: #cbebf9;
	color: black;
}
.file_browser li.dropPoint
{
	list-style: none;
	border: dashed 2px #cbebf9;
	display: none;
}
.file_browser li.dropPoint a
{
	display: block;
	height: 70px;
	color: #BBB;
}
.file_browser li.add_folder_options
{
	list-style-image: url(/Content/img/blue_folder_faded.jpg);
	color: #BBB;
	padding: 5px;
}
.file_browser ul
{
	position: relative;
	float: left;
	display: inline;
	width: 250px;
	margin: 0;
	border-right: dashed 1px #dddddd;
	min-height: 350px;
	padding: 10px;
}
.file_browser ul ul
{
	margin: 0 0 0 300px;
	left: 0;
	position: absolute;
	top: 0;
}
.file_browser ul ul li.closed
{
	display: none;
}

.file_browser li a
{
	font-weight: normal;
	color: #000;
	padding: 5px;
	overflow: hidden;
}
.file_browser li a:hover
{
	text-decoration: none;
	overflow: hidden;
}
.file_browser li.current a
{
	/*font-weight: bold;*/
}

.file_browser li:hover
{
	/*background-color: #EEE;*/
}
.file_browser li:hover > a
{
	/*font-weight: bold;*/
	cursor: pointer;
}
/* Document preview popup */
#document_preview_pane, .doc_details, .popup
{
	top: 30%;
	left: 30%;
	min-width: 400px;
	min-height: 100px;
	position: absolute;
	z-index: 10000;
	display: none;
	padding: 1em;
}
#document_preview_pane a.close
{
    width:32px;
    height:33px;
    background-image:url(/content/images/box_close.png);
    display:inline-block;
    position:absolute;
    left:400px;
    top:-5px;
}
#document_preview_pane a.close:Hover
{
    background-image:url(/content/images/box_close_on.png);
}
#document_preview_pane a.close span
{
    display:none;
}
.small_rounded_border
{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.med_rounded_border
{
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

.home_box
{
    margin-right: 1em; 
    position: relative;
    top: -4em;    
}

.home_box > div
{
    background-color: whitesmoke;
    padding: 1em; 
    
    height: 125px;
    
    -moz-border-radius: 0 0 10px 10px;
	-webkit-border-radius: 0 0 10px 10px;
	overflow:hidden;
	
    
}

.home_box > h1
{
    color: White;
    padding: 0.5em 1em .5em 1em;
    margin: 0em;
    font-size: 1em;
    background: url(/Content/Images/background-fade.png) repeat-x -50px -530px;
}

.home_box > div a
{
    color: #000;    
}

.home_box  hr
{
    margin: 0 0 .5em 0;
    
    border-bottom: 2px dashed #DDD;
    
}
.home_box > div p
{
    font-size: .9em;
}

#login
{
	top: auto;	
	width:400px;
	margin:auto;

}

#login input[type=text], #login input[type=password]
{
	font-size: 1.4em;
	width:320px;
}

#login div
{
    height: auto;
}



not_constrained
{
    position:relative;
    height: auto;
    z-index: 0;
    overflow:auto;
}


.bg_red
{
	background-color: rgb(254,0,0);
	color: White;
}
.bg_grey
{
	color: #555;
	background-color: #EEE;
}
.border_thin_grey
{
	border: 1px solid #BBB;
}
.border_med_blue
{
	border: solid .4em rgb(0,161,241);
}
.border_blue
{
	border-color: rgb(0,161,241);
}
.border_thin
{
	border: solid 1px;
}
/* Events */
.event
{
	margin: 0 0 1em 0;
	padding: 0 0 1em 0;
}
.event .by
{
	font-size: smaller;
}
.event span.info
{
	font-size: 0.5em;
}
.event .description
{
	margin: 1em;
	padding: 1em;
	background: #e7e7e9;
}
a.button
{
	font-size: 0.8em;
	text-transform:uppercase;	
	font-weight: normal;
	padding: .5em .5em .5em 0em;
	
}
a.button:hover
{	

	text-decoration: underline;
}


/*
input[type=button], input[type=submit] { border:solid 1px #346b86; background:#b3ddf0; color:#346b86; }
input[type=button]:Hover, input[type=submit]:Hover { background:#7eb9e1; color:White; text-decoration:none;  }*/
/* fonts */

a:link, a, .link_color
{
	color: rgb(0,118,203);
	
	text-decoration: none;
}
a:hover
{
	color: #85C407;
	text-decoration: underline;
}
a:active
{
	color: #333;
}

p.first
{
	margin-top: 0px;
}

/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6
{
	font-weight: bold;
	font-family: Trebuchet MS;
	font-size: 1.8em;
}

h1
{
	padding-bottom: .5em;
	margin-bottom: 1em;
}
h2
{
	padding: 1em 0 .5em 0;
	margin: 0em 0em 0em 0em;
	font-weight: normal;
	font-size: 1.4em;
}
h3
{
	font-size: 1.2em;
}
h4
{
	font-size: 1.1em;
}
h5, h6
{
	font-size: 1em;
}



h1.title
{
	border-bottom: solid 2px #EEE;
	padding-bottom: 10px;
}
h1.title span
{
	font-size: 0.6em;
	font-weight: normal;
}

label
{
	font-weight: normal;
}

.event_form
{
	background: #e7e7e9;
	padding: 1em;
}

.event_form_body
{
	padding: 1em;
	background: white;
	border: solid 1px #939598;
}

.standard_form label
{
	display: inline-block;
	width: 150px;
}
.standard_form textarea
{
	height: 100px;
}

#flash
{
	padding: 1em;
	font-size: 1.2em;
	font-weight: bold;
	font-family: Comic Sans MS;
	color: white;
	border: 2px solid black;
	width: 30%;
	position:fixed;
	top: -1em;
	left: 33%;
	z-index: 1000;
	background-color: #444;
	opacity: 0.0;
	filter:alpha(opacity='0');
	
}

.below_heading_links
{
	position: relative;
	top: -1em;
	margin-top: -1em;
	padding-top: 0px;
	font-size: 0.8em;
	text-transform: uppercase;
}

.below_heading_links ul, .below_heading_links li
{
	list-style: none;
	margin: 0px;
	display: inline;
}

.below_heading_links li:after
{
	color: #CCC;
	content: " | ";
}

.below_heading_links li.last:after
{
	content: "";
}

.below_heading_links a
{
	font-weight: normal;
}

.message_preview
{
	padding: 2em;
	border: solid 1px Gray;
	background: white;
	font-size: 0.8em;
}
.message_preview h1, .message_preview h2, .message_preview h3, .message_preview h4, .message_preview h5, .message_preview p, .message_preview td, .message_preview span
{
	color: Gray;
}

.alert_box .subject
{
	color: rgb(0,118,203);
	margin: 0 0 0.5em 0;
	padding: 0;
}

.report table, .report th, .report td
{
	border: 1px solid #D4E0EE;
	border-collapse: collapse;
	font-family: "Trebuchet MS" , Arial, sans-serif;
	color: #555;
}
.report th
{
	background: #063c78;
	color: White;
}
.report th.grey_head
{
	background: #ecf2f4;
	color: black;
}


.report caption
{
	font-size: 150%;
	font-weight: bold;
	margin: 5px;
}

.report td, .report th
{
	padding: 5px;
}

.report thead th
{
	text-align: center;
	background: #E6EDF5;
	color: #4F76A3;
	font-size: 100% !important;
}

.report tbody th
{
	font-weight: bold;
}

.report tbody tr
{
	background: #FCFDFE;
}

.report tbody tr.odd
{
	background: #F7F9FC;
}

.report table a:link
{
	color: #718ABE;
	text-decoration: none;
}

.report table a:visited
{
	color: #718ABE;
	text-decoration: none;
}

.report table a:hover
{
	color: #718ABE;
	text-decoration: underline !important;
}

.report tfoot th, tfoot td
{
	font-size: 85%;
}


.report td .doc-info span
{
	display: none;
}

ul.plain
{
    list-style: none;
    margin-left: 0;
}

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
	font-weight:normal;
	font-size:0.7em;
}
#tooltip h3, #tooltip div { margin: 0; }
li.inactive
{
	color:#bec7d1 !Important;
}

li.inactive h1, li.inactive h2, li.inactive a,  li.inactive p
{
	color:#bec7d1 !Important;
}

.home_box h2
{
    padding-top: 0em;
}

.results_list
{
    margin-top: 0;
}

.search_input_container 
{
    border:solid 1px gray;
    margin:0;
    padding:0;
    background:white;
}
.search_input_container input[type=image]
{
    vertical-align:middle;
    cursor:pointer;
}

.search_input_container input[type=text]
{
    border:0;
}
/* Prmopt */

.jqifade{
      position: absolute; 
      background-color: #aaaaaa; 
}
div.jqi{ 
      width: 400px; 
      font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
      position: absolute; 
      background-color: #ffffff;
      font-size: 11px; 
      text-align: left; 
      border: solid 1px #eeeeee;
      -moz-border-radius: 10px;
      -webkit-border-radius: 10px;
      padding: 7px;
}
div.jqi .jqicontainer{ 
      font-weight: bold; 
}
div.jqi .jqiclose{ 
      position: absolute;
      top: 4px; right: -2px; 
      width: 18px; 
      cursor: default; 
      color: #bbbbbb; 
      font-weight: bold; 
}
div.jqi .jqimessage{ 
      padding: 10px; 
      line-height: 20px; 
      color: #444444; 
}
div.jqi .jqibuttons{ 
      text-align: right; 
      padding: 5px 0 5px 0; 
      border: solid 1px #eeeeee; 
      background-color: #f4f4f4;
}
div.jqi button{ 
      padding: 3px 10px;
      margin: 0 10px; 
      background-color: #2F6073; 
      border: solid 1px #f4f4f4; 
      color: #ffffff; 
      font-weight: bold; 
      font-size: 12px; 
}
div.jqi button:hover{ 
      background-color: #728A8C;
}
div.jqi button.jqidefaultbutton{ 
      background-color: #BF5E26;
}
.jqiwarning .jqi .jqibuttons{ 
      background-color: #BF5E26;
}
ul.event_list
{
    list-style:none;
}
ul.event_list li
{
    position:relative;
    padding:0 0 0 5px;
    margin:0 0 10px 0;  
    border-bottom:solid 1px gray; 
}
ul.event_list .starts_at
{
    display:block; 
    position:absolute;
    left:310px;
    top:20px;
}
ul.event_list .icon
{
    display:block; 
    position:absolute;
    left:-20px;
    top:20px;
}



.tab_content .grant, .tab_content .revoke
{
    display:inline-block;
    line-height:1;
    padding:4px;
    font-weight:bold;
    margin-right:10px;
    color:white;
    font-size:8px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
     border:solid 2px white;
}
.tab_content .grant
{
    background:green;
}
.tab_content .revoke
{
    background:red;
}

.tab_content .revoke:Hover, .tab_content .grant:Hover
{
    border:solid 2px gray;
    color:black;
    text-decoration:none;
}
   
ul.tabs, .tab_content ul
{
    list-style:none;
    margin:0;
    padding:0;
}
.tab_content li
{
    border-bottom:dashed 1px gray;
    padding:5px;
}
   
ul.tabs li
{
    float:left;
    display:inline;
    width:140px;
    margin:0 0px 10px 0px;
    padding:0;
}
ul.tabs li a
{
    display:block;
    padding:5px;
    
}