/* My CSS */

body
{
	background : #555555;
	padding : 0px;
	margin : 0px;
}

.footer
{
	color: #999999;
}

.footer a,
.footer a:link, 
.footer a:visited
{
	color: #999999;
}

.footer a:hover 
{
	color : #97b8d7;
}

/* Specific Group Details Tab */
.group_details, .object_details
{
	/*border : 1px solid #a2a2a2;*/
	width : 100%;
	padding : 0px;
	
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#a4a4a4'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#a4a4a4)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #fff,  #a4a4a4); /* for firefox 3.6+ */
	
	border-spacing : 0px;
	/*margin-bottom : 5px;*/
	display:none;
}

.group_details th, .group_details td, .object_details th, .object_details td
{
	border-top : 1px dotted #ffffff;
	border-bottom : 1px dotted #a2a2a2;
	text-align : left;
	color : #3d3d3d;
	vertical-align : text-top;
	font-weight : normal;
	font-size:13px;
	width: 25%;
	font-family:Verdana,Arial,sans-serif;
}

.group_details td, .object_details td
{
	padding : 5px 10px;
}
		
.group_details th, .object_details th
{
	/* min width set to resolve issues when resizing in google chrome */
	min-width : 150px;
	padding : 5px 10px;
	font-weight : bold;
}

.group_details tr:first-child th, .group_details tr:first-child td,
.object_details tr:first-child th, .object_details tr:first-child td
{
	border-bottom : 3px solid #a2a2a2;
	padding-top : 10px;
	padding-bottom : 5px;
}

.group_details tfoot td, .object_details tfoot td
{
	height : 35px;
	border-bottom : none;
}

.group_details th em, .attachments em,
.object_details th em, .attachments em
{
	font-style:italic;
	float: right;
	color : #396338;
}

.group_details input, .group_details label,
.object_details input, .group_details label
{
	vertical-align : middle;
}

#nav
{
	overflow:hidden;	
}

#navigation_bar
{
	display : table;
	list-style: none;
	padding : 0px 25px;
	margin : 0;
	width : 100%;
	min-width: 1000px;
}

#navigation_bar li
{
	 display : inline;
	 color : #a9a9a9;
}

#navigation_bar li a,
#navigation_bar li a:link
#navigation_bar li a:visited
{
	padding-left: 5px;
	padding-right: 5px;
	color : #a9a9a9;
	text-decoration:none;
}

#navigation_bar li a:hover
{
	padding-left: 5px;
	padding-right: 5px;
	color : #ffffff;
	text-decoration:none;
}

.horizontal_list
{
	display : table;
	list-style: none;
	padding : 0px 5px;
	float: left;
}

.horizontal_list li
{
	display : inline;
	vertical-align : bottom;
	padding : 0px 5px 10px 5px;
}

.right_float
{
	float : right;
	padding : 10px;
}

/* ensures drop lists are always at least 100px wide */
button
{
	min-width : 100px;	
}

.rightpag {	float:right; width : 25%; text-align :right; padding-right :15px; }
.leftpag { float: left; width : 25%; }

#clearing
{
	clear:both;
}

#filterContainer
{
	/*border : 1px solid #8f8f8f;*/
	/*background : #ffffff*//*#cce6f3;*/
	padding : 0px 0px 3px 0px;
	clear:both;
}

#filters td
{
	text-align : center;
}

/* group manager panel */

#left_pane { float : left; width: 70%; display: block; padding : 10px;}
#right_pane { float : right; width: 25%; display:block; padding : 10px;}

#tree_view 
{ 
	height : 320px;
	background: #ffffff;
	width : auto;
	border:1px solid #808080;
	padding : 10px;
	margin-top : 10px
}

#right_pane select
{
	width : 100%;
	min-width : 150px;	
	margin-top : 20px;
	vertical-align : bottom;
	padding : 10px;
}

/* make the filter input text box similar size to the drop list buttons by padding the inside */
#filter_input, #search_input
{
	padding: 3px;
	border : 1px solid #8f8f8f;	
}

#search_params
{
	padding : 10px;
}

/* styling for Group Name URL in table */
.group_link
{
	padding : 0px 0px 0px 25px;
	background : transparent url(../images/tab_go.png) no-repeat;
	color : #000000;
	text-decoration : none;
	display : block;
}

/* TRee view buttons */



.add_hier
{
	background: url(../images/arrow_left.png) 0 0 no-repeat;
	min-height : 16px;
	min-width : 16px;
	display: block;
	float: right;
	margin : 0px 5px;
}

.add_hier
{
	visibility : hidden;
}

.addMode .add_hier
{
	visibility : visible;
}

.remove_hier span, .add_hier span
{
	position : absolute;
	left : -5000px;
}


.remove_hier
{
	background: url(../images/arrow_right.png) 0 0 no-repeat;
	min-height : 16px;
	min-width : 16px;
	display: block;
	float: left;
	margin : 0px 5px;
}

#app_container
{
	width : 100%;
}

.bold
{
	font-weight: bold;
}

.file_name
{
	border-left : 1px dotted #ffffff;
}

#nav_disable_msg
{
	display : none;
	font-style: italic;
	color : #a9a9a9;
	padding : 0px 5px;
	margin : 0 0 0 30px;
}

#go_button, #go_button button
{
	min-width : 60px;
	vertical-align : middle;
}

.wait *
{
	cursor: wait;
}

.group_details .admin_field,
.object_details .admin_field
{
	background : #ffb968;
	border-top: 1px solid white;
}

.global_actions
{
	padding: 5px 0px;
}

.group_details .admin_field a, .group_details .admin_field img, .file_name img, .global_actions a, .global_actions img,
.object_details .admin_field a, .object_details .admin_field img
{
	vertical-align : middle;
	border : none;
	text-decoration : none;
}

.group_details .admin_field a,
.object_details .admin_field a
{
	padding-right : 30px;
	color : #000000;
}

.group_details .admin_field a:hover,
.object_details .admin_field a:hover
{
	color : #a41313;
}

.group_details .admin_field_header,
.object_details .admin_field_header
{
	background : #ffb968;
	border-top: 1px solid white;
}

.group_details .admin_field span,
.object_details .admin_field span
{
	vertical-align : middle;
	padding-right : 30px;
	color: #828282;
}

.group_details .admin_field .save_button,
.object_details .admin_field .save_button
{
	background: transparent url(../images/disk.png) center left no-repeat;
	border : none;
	vertical-align : middle;
	padding-right : 30px;
	padding-left : 17px;
	color : #000000;
	cursor: pointer;
	cursor: hand;
}


.group_details .admin_field .save_button:hover,
.object_details .admin_field .save_button:hover
{
	color : #a41313;
	cursor: pointer;
	cursor: hand;
}

.indented
{
	padding-left: 30px;	
	overflow : visible;
	white-space: nowrap;
}

#promote_selected .first-child
{
	padding-left : 0px;
	background : transparent url(../images/arrow_up.png) left center no-repeat;
}

#demote_selected .first-child
{
	padding-left : 0px;
	background : transparent url(../images/arrow_down.png) left center no-repeat;
}

pre
{
	color : red;
}

.attachments
{
	padding-left: 10px;
	padding-right: 5px;
	width : auto;
	margin-top : 10px;
}

.delete_attachment
{
	margin-right : 20px;
	padding-left : 20px;
	background : transparent url(../images/database_delete.png) left center no-repeat;
	text-decoration  : none;
	color : black;
}

.media_create
{
	margin-right : 20px;
	padding-left : 20px;
	background : transparent url(../images/camera_edit.png) left center no-repeat;
	text-decoration  : none;
	color : black;
}

.text_load
{
	margin-right : 20px;
	padding-left : 20px;
	background : transparent url(../images/text_dropcaps.png) left center no-repeat;
	text-decoration  : none;
	color : black;
}

.delete_attachment:hover, .media_create:hover, .text_load:hover
{
	color : #a41313;
}

/* Data Lists */

dl
{
	float: left;
	padding: 25px;
}

dt
{
 	clear : both;
	float : left;
}

dd
{
	float: left;
}	

.user_admin_form
{
	background : #ffffff;
	border : 1px solid grey;
	margin: 0px 5px 5px 0px; 
	min-height : 150px;
	overflow: auto;
}

.user_admin_form dt
{
	min-width : 150px;
	padding-bottom : 5px;
}

.user_admin_form .dt_title
{
	min-width: 350px;
	border-bottom : 1px solid grey;
	margin-bottom : 5px;
	width : 100%;
}

 .user_admin_form dd
{
	min-width : 200px;
	padding-bottom : 5px;
}

.media_form
{
	border : 1px solid grey;
	float: left;
	margin: 15px 10px 10px 50px;
}

.media_form dt
{	
	width : 100px;
	vertical-align : middle;
	padding-bottom : 5px;	
}

.media_form dd
{	
	width : 150px;
	vertical-align : middle;
	padding-bottom : 5px;	
} 

.attachments dt
{
	font-weight : bold;
	width : 100%;
}

.attachments dd
{
	border-top: 1px dotted grey;
	font-weight : normal;
	width : 100%;
	white-space : nowrap;
	padding : 2px 0 0;
	margin : 2px 0px;
}

.attachments dd input
{
	margin-right : 10px;
}

#user_roles ul
{
	list-style-type:none;
	margin : 0px;
	padding : 0px 10px;
}

#user_roles li
{
	padding-bottom : 5px;
}

.file_type_document
{
	padding-left : 25px;
	padding-bottom : 5px;
	background : transparent url(../images/page_attach.png) left top no-repeat;
}

.file_type_audio
{
	padding-left : 25px;
	padding-bottom : 5px;
	background : transparent url(../images/page_audio_attach.png) left top no-repeat;
}

.file_type_image
{
	padding-left : 25px;
	padding-bottom : 5px;
	background : transparent url(../images/page_image_attach.png) left top no-repeat;
}

.media
{
	padding-left : 28px;
	float:left;
	background : transparent url(../images/camera_small.png) left center no-repeat;
}
	
.attach_form
{
	list-style-type : none;	
	margin : 0px;
	padding : 0;
}

.attach_form li
{
	/*float: left;*/
	margin-bottom: 15px;
	display: inline-block;
	vertical-align : top;
}

#accordion p.orange
{
	background-color : #FFB968;
	border : 1px solid grey;
	margin-left : 10px;
	padding : 5px;
	width: 100%;
}

#loaded_text
{
	width : 92%;
	margin : 15px 10px 10px 50px;
	border : 1px solid grey;
}

#login, #logout
{
	width: 500px;
	height: 250px;
	position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -250px;
    margin-top: -125px;
	border: 1px solid black;
}

#login
{
	background : transparent url(../images/login.jpg) 0 0 no-repeat;
}

#logout
{
	padding : 10px 5px;
	background-color: #cbcbcb;	
	text-align : center;
	font-family: Gill, Helvetica, sans-serif;
}

#login_form
{
	color:white;
	position:relative;
	right:20px;
	text-align:right;
	font-family: Gill, Helvetica, sans-serif;
	top:40px;
}

#login_form input
{
	border : 1px solid black;
}

#login_form input[type="text"], #login_form input[type="password"]
{
	width : 150px;
}

/* THUMBNAIL*/

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}

/* Logged in as */

.login_details
{
	float: right;
	color : #a9a9a9;
	padding-right : 70px;
}

#navigation_bar .login_details a, #navigation_bar .login_details a:link, #navigation_bar .login_details a:visited
{
	background: none;
	margin : 0px;
	padding : 0px;
	text-decoration : underline;
}

/* Password Strength */
#passwordStrength { height:10px; display:block; float:left; }
.strength0 { width:200px; background:#cccccc; }
.strength1 { width:50px; background:#ff0000; }
.strength2 { width:100px; background:#ff5f5f; }
.strength3 { width:140px; background:#56e500; }
.strength4 { background:#4dcd00; width:170px; }
.strength5 { background:#399800; width:200px; }

/* GROUP ATTACHMENTS */
#add_attachment, #document, #image, #audio, #group_items, #view_item, #add_item
{
	padding : 10px;
	clear: both;
	display: block;
	overflow:auto;
}

#add_attachment
{
	display:none;	
}

#document, #image, #audio, #view_item, #add_item
{
	min-height : 200px;
	text-align : right; 
}

#attach_tabs
{
	margin : 10px;	
}

#document img, #image img, #audio img
{
	float: left;
}

.editor_options
{
	clear: both;
	text-align: left;
	border : 1px solid #A2A2A2;
	padding: 5px;
	background-color:#cdcdcd;
}

#document ul, #image ul, #audio ul
{
	width : auto;
	/*border-right: 1px solid #A2A2A2;*/
	min-height:250px;
	margin : 10px;	
	margin-right : 60%;
	margin-left: 80px;
	list-style-type:none;
	overflow: visible;
	text-align:left;
	padding : 0px;
}

#document textarea
{
	width : 57%;
	display : block;
	margin : 10px 0% 10px 1%;	
	float:right;
	min-height:244px;
	border : 1px dotted #A2A2A2;
}

#image img.img_preview
{
	display:none;
	float:right;
	max-width: 57%;
	max-height: 244px;
	margin : 10px 1%;
	border : 1px solid #A2A2A2;	
}

#thumbnail
{
	color:#001c79 !important;
}

label.error
{
	color : red;
	margin-left : 10px;	
}