/**
 *
 *	WORKFLUX STYLE SHEET
 *  CSS 2.0
 *  AUTHOR: Rodrigo Mendez
 *
 */




/*
 *
 *	GENERAL PURPOSE STYLES
 *
 */
 
/* Body style */
/* body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	background-color: #f2f2f2;
	margin-top: 0px;
	margin: 0px;
  	width:100%;
	height:100%;	
	overflow:auto;
	#overflow: hidden;
	_overflow: hidden;
	padding: 190px 0px 28px 0px;

}
*/
html{overflow: hidden;}

body {
  margin:0;
  border:0;
  padding:0;
  height:100%; 
  max-height:100%; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	background-color: #f2f2f2;
  overflow: hidden; 
  }
  
  td{
  
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
  
  }
  
  #fixheader {
  position:absolute; 
  top:0; 
  left:0; 
  width:100%; 
  height:190px; 
  overflow: hidden;
  background: #FFFFFF;
  color:#fff;
  }
  
  #fixfooter {
  position:absolute; 
  bottom:0; 
  left:0;
  width:100%; 
  height:28px; 
  overflow: hidden;
  text-align:right; 
  background:#e6e6e6;
  }
  
  #contentDiv {
  position:fixed; 
  top:190px;
  left:0;
  bottom:28px; 
  right:0; 
  overflow:auto; 
  background:#f2f2f2;
  padding:5px;
  }
  

* html{

	overflow: hidden;

}

* html body {
  padding:190px 0 28px 0; 
  overflow: hidden;
  }

* html #contentDiv {
  height:100%; 
  width:100%; 
  }
  
  

*{

	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;

}

/* BODY DIV SPECIFICATION 
#bodyDiv{

 height:100%;


}*/




/* NORMAL LINK */
a:visited, a:link, a:active, span a:visited, span a:link, span a:active{

	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	cursor: pointer;

}

a:hover, span a:hover{

	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	cursor: pointer;

}

/* Style for the link inside graphic buttons (blue, midsize, bold) */
a.button_link:link, a.button_link:active, a.button_link:visited{

	color: #0073AE;
	font-weight: bold;
	font-size:11px;
	text-decoration: none;

}
a.button_link:hover{

	color: #0073AE;
	font-weight: bold;
	font-size: 11px;
	text-decoration: underline;

}


/* Style for the warning message (error) */
.warn{
border: 1px dashed #990000;
color:#990000;
background-color:#E09F96;
padding: 5px;

}


/* Style for the ok message (approved, etc) */
.ok{
border: 1px dashed #006600;
color:#006600;
background-color:#76EB79;
padding: 5px;

}

/* Median text, bold, normal background */
.txt_med {
	font-size:12px;
	font-weight:bold;
}

a.txt_med:active, a.txt_med:visited, a.txt_med:link, a.txt_med:hover {
	font-size:12px;
	font-weight:bold;
}


/* BIG texct, bold, normal background */
.txt_big{

	font-size: 14px;
	font-weight:bold;

}

/* Bolden text */ 
.bold,.b {
	font-weight:bolder;
}

a.bold:active, a.bold:visited, a.bold:link, a.bold:hover {
	font-weight:bolder;
}

/* Combo box style */
.box1 {
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	padding: 2px;
	border-width: 2px;
	border-style: solid; 
	border-color: #0073A3 #FFD400 #FFD400 #0073A3;
	width: 100px;
	height: 20px;
}

/* Input=text style */
.box2 {
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	border-width: 1px;
	border-style: solid; 
	border-color: #FFD400 #0073A3 #0073A3 #FFD400;
	width: 180px;
	height: 20px;
}

/* Textareas */
.box3 {
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	border-width: 1px;
	border-style: solid; 
	border-color: #FFD400 #0073A3 #0073A3 #FFD400;
}
 
 /* Clearer text, normal body size */
.clear_text_normal {
	color: #a6a6a6;
}

/* Clearer link, normal body size, no decoration if not hover */
a.clear_text_normal:active, a.clear_text_normal:visited, a.clear_text_normal:link {
	color: #a6a6a6;
	text-decoration: none;
}

a.clear_text_normal:hover{
	color: #a6a6a6;
	text-decoration: underline;
}

/* Force underline in all link states */
a.force_underline:active,a.force_underline:link, a.force_underline:visited, a.force_underline:hover{
	text-decoration: underline !important;
}

/* Forces text color VARIATION 1 */
/* IN DEFAULT SKIN IS BLUE */
.color_var1{
	color: #0073A3 !important;
}

/* Forces text color VARIATION 1 */
/* IN DEFAULT SKIN IS BLUE */
.color_var1_unimportant{
	color: #0073A3;
}

/* Color var 1 link, normal body size, no decoration if not hover */
a.color_var1:active, a.color_var1:visited, a.color_var1:link {
	color: #0073A3;
	text-decoration: none;
}

a.color_var1:hover{
	color: #0073A3;
	text-decoration: underline;
}


/* HEADER Style*/
.header{
	background-color:#E6E6E6;

}

.subheader{

	background-color: #b2b2b2;
	height: 28px;

}

.bg_color_var1{

	background-color: #b2b2b2;

}

/* GRAPHIC STORAGE indicator */
.graphic_storage{

 width:100px; 
 height:10px; 
 border:1px solid #808080;
 margin:0px;
 padding:0px;

}


/* PROJECT CONTAINER STYLE*/
/* Fixes the w and h of the squared container in the volumeManager */
#project_container{

	width: 215px;
	min-height: 215px;
	float:left;
	
	
}


/* GROUP CONTAINER STYLE*/
/* Fixes the w and h of the squared container in the groupManager */
#group_container{

	width: 250px;
	min-height: 315px;
	height:330px;
	float:left;
	margin: 5px;
	
	
}


/* PROJECT THUMBNAIL sets the thumb h and w */
#project_thumbnail{

	width: 48px;
	height: 48px;

}

/* POPUP CONTENT */
.popupContent{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 1px;
	height: 1px;
	background-color: #ffffff;
	z-index: 1000;
	overflow-x: hidden;
	overflow-y: auto;
	filter: alpha(opacity=100);
	color: #000000;
}

/* POPUP SHADOW */
.popupShadow{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 1px;
	height: 1px;
	background-color: #000000;
	filter: Blur(Add = false, Direction = 315, Strength = 10);
	z-index: 1000;
}

/* DISABLING CURTAIN STYLES */
#curtain{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 1px;
	height: 1px;
	background-color: #000000;
	overflow-y: hidden;
	filter: alpha(opacity=30);
	-moz-opacity: .30;
	opacity: 0.30;
	z-index: 1000;
}

.disableCurtain{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 1px;
	height: 1px;
	background-color: #ffffff;
	overflow-y: hidden;
	filter: alpha(opacity=1);
	-moz-opacity: .01;
	opacity: 0.01;
	z-index: 1000;
}

/* PROJECT PAGE */

.blue{
	color: #0073A3;
}

/* TAB CONTAINER DIV */
#container-1{

	width: 50%;


}

/* Left table header */
.table_header{

	background-color: #E6E6E6;
	padding:5px;
	

}

/* Left table body */
.table_body{

	padding:5px;
	background-color: #CCCCCC;
	/*
	height:300px;
	overflow: auto;
	*/

}

/* Media collection item */
.media_collection_item{

	float: left;
	height: 190px;
	margin: 5px;
	padding:0px;
	width: 124px;
	overflow:hidden;

}

.media_collection_item_table{

	border: 1px solid #808080;
	width:120px;

}

.media_collection_item_options{

	 background-color:#D7D7D7;

}


.media_collection_item_options_over{

	 background-color:#ffc526;
	 cursor:pointer;

}

.media_collection_item_thumb{
	height: 120px;
	cursor: pointer;

}

hr{

	background-color: #808080;
	height:1px;

}

.highlight_color, a.highlight_color{

	color: #990000;
	font-weight: bold;

}

#nav_path, #nav_path a{

	color: #990000 !important;
	font-weight: bold;

}

#nav_path_color_var1, #nav_path_color_var1 a{

	color: #0073A3 !important;
	font-weight: bold;

}

.white{color: #FFFFFF;}


/*




.tabla_usuarios {
	background:#f2f2f2;
}

/*.tabla_usuarios tr td.foto {
	width:100px;
	height: 48px;
}*/


.texto_mm {
	color: #0073AE;
	font-weight: bold;
	font-size:11px;
}

/* Input=text style */
.input_file {
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	border-width: 1px;
	border-style: solid;
	border-color: #FFD400 #0073A3 #0073A3 #FFD400;
	width: 280px;
	height: 20px;
}

div.no_content_warning{

	border: 2px solid #FFD400;
	margin: 25px;
	padding:10px;
	color: #0073A3;
	font-weight: bold;
	font-size:14px;

}

.transpa{
	behavior: url(./scripts/pnghack/pngbehavior.htc);
}
.transpa2{ /* for pages out of the system */
	behavior: url(../scripts/pnghack/pngbehavior2.htc);
}

.fValidateErrorDiv{
	font-weight: bolder;
	color: #990000;
	height: 25px;
}

.permission_company_name{
	width:98%;
	height:22px;
	border-top:1px solid #808080;
	background-color:#CCCCCC;
	padding-left:8px;
	padding-top:8px;
	overflow:hidden;
	color:#0073a3;
	font-size:16px;
	font-weight:bold;
}
.permission_company_panel{
	display:none;
}
.permission_out{
	color:#FFFFFF;
	background-color:#EE0000;
}
.permission_user{
	color:#FFFFFF;
	background-color:#FFAA00;
}
.permission_collaborator{
	color:#FFFFFF;
	/* background-color:#0073A3; */
	background-color:#339900;
}
.permission_administrator{
	color:#FFFFFF;
	background-color:#339900;
}
.openHintDiv{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:center;
	border:1px #CC9966 solid;
	background-color:#FFFFCC;
	padding:3px;
	cursor:pointer;
	position:absolute;
}

.homePanelTitle{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#0073A3;
	text-align:left;
	margin-left:12px;
}
.homePanelTitleCell{
	height:30px;
	vertical-align:middle;
}
.homePanelRuler{
	height:2px;
	background-color:#808080;
}
.homePanelBckTopL{
	background-image:url(../newimages/icons/esq_top_izq.gif);
}
.homePanelBckTopC{
	background-image:url(../newimages/icons/deg_top.gif);
	height:10px;
}
.homePanelBckTopR{
	background-image:url(../newimages/icons/esq_top_der.gif);
}
.homePanelBckLeft{
	background-image:url(../newimages/icons/deg_izq.gif);
	width:10px;
}
.homePanelBckRight{
	background-image:url(../newimages/icons/deg_der.gif);
	width:10px;
}
.homePanelBckBottomL{
	background-image:url(../newimages/icons/esq_bot_izq.gif);
}
.homePanelBckBottomC{
	background-image:url(../newimages/icons/deg_bot.gif);
	height:10px;
}
.homePanelBckBottomR{
	background-image:url(../newimages/icons/esq_bot_der.gif);
}
.homePanelModule{
	padding:8px;
}
.homePanelModuleContent{
	height:160px;
}
.homePanelColTitle{
	font-weight:bold;
}
.homePanelRecentFiles{
	height:147px;
	overflow:auto;
}

/* George's fix for buttons png transparency: */
.buttonFix_topLeft{
	height:7px;
	width:10px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=newimages/buttons/bton_topleft.png,sizingMethod=image);
}
.buttonFix_topLeft[ff]{
	height:7px;
	width:10px;
	background-image:url(../newimages/buttons/bton_topleft.png);
}
.buttonFix_topRight{
	height:7px;
	width:10px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=newimages/buttons/bton_topright.png,sizingMethod=image);
}
.buttonFix_topRight[ff]{
	height:7px;
	width:10px;
	background-image:url(../newimages/buttons/bton_topright.png);
}
.buttonFix_top{
	height:7px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=newimages/buttons/bton_top.png,sizingMethod=scale);
}
.buttonFix_top[ff]{
	height:7px;
	background-image:url(../newimages/buttons/bton_top.png);
}
.buttonFix_bottom{
	height:7px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,src=newimages/buttons/bton_bottom.png,sizingMethod=scale);
}
.buttonFix_bottom[ff]{
	height:7px;
	background-image:url(../newimages/buttons/bton_bottom.png);
}
.buttonFix_left{
	height:18px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=newimages/buttons/bton_left.png,sizingMethod=scale);
}
.buttonFix_left[ff]{
	height:18px;
	background-image:url(../newimages/buttons/bton_left.png);
}
.buttonFix_right{
	height:18px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=newimages/buttons/bton_right.png,sizingMethod=scale);
}
.buttonFix_right[ff]{
	height:18px;
	background-image:url(../newimages/buttons/bton_right.png);
}
.buttonFix_bottomLeft{
	height:7px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=newimages/buttons/bton_bottomleft.png,sizingMethod=image);
}
.buttonFix_bottomLeft[ff]{
	height:7px;
	background-image:url(../newimages/buttons/bton_bottomleft.png);
}
.buttonFix_bottomRight{
	height:7px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=newimages/buttons/bton_bottomright.png,sizingMethod=image);
}
.buttonFix_bottomRight[ff]{
	height:7px;
	background-image:url(../newimages/buttons/bton_bottomright.png);
}

.aubig{	font-size:16px !important;
	font-weight:bold !important;
}


.highlight_dotted{
	border:1px dotted #444444;
}