/* -------------------------------------------------------------- 
  
   Blueprint CSS Framework Screen Styles
   * Version:   0.6 (21.9.2007)
   * Website:   http://code.google.com/p/blueprintcss/
   See Readme file in this directory for further instructions.
   
-------------------------------------------------------------- */

@import 'lib/reset.css';
@import 'lib/typography.css';
@import 'lib/grid.css';
@import 'lib/forms.css';
@import 'plugins/buttons/buttons.css';



/* Plugins:
   Additional functionality can be found in the plugins directory.
   See the readme files for each plugin. Example:
   @import 'plugins/buttons/buttons.css'; */
   
/* See the grid:
   Uncomment the line below to see the grid and baseline.
   .container { background: url(lib/grid.png); } */
   
/***************************/
/*     GENERAL STYLES      */
/***************************/

html fieldset{ position: relative; margin-top:1em; padding-top:1.25em; }
html legend{ position:absolute; top: -.75em; left: .5em; }

img.right {

	float:right;
	margin: 0 0 10px 10px;
}

img.left {

	float:left;
	margin: 0 10px 10px 0;
}

table tr td img { margin-bottom:0; }

td.item_title { width: 715px }


/* Titles with Icons */
h3.icon_title {
	
	color:#565656;
	height:34px;
	padding:5px 0 5px 35px;
	background-repeat:no-repeat;
	font-weight:bold;
	margin-left:0;
	margin-bottom:0;
}

	.it_contacts	{ background-image:url(plugins/buttons/icons/24/contacts.png); }
	.it_contact		{ background-image:url(plugins/buttons/icons/24/contact.png); }
	.it_video		{ background-image:url(plugins/buttons/icons/24/video.png); }
	.it_docs		{ background-image:url(plugins/buttons/icons/24/docs.png); }
	.it_doc			{ background-image:url(plugins/buttons/icons/24/doc.png); }
	.it_doctext		{ background-image:url(plugins/buttons/icons/24/doctext.png); }
	.it_editdoc		{ background-image:url(plugins/buttons/icons/24/edit_doc.png); }
	.it_items1		{ background-image:url(plugins/buttons/icons/24/briefcase.png); }
	.it_items2		{ background-image:url(plugins/buttons/icons/24/organizer.png); }
	.it_mail		{ background-image:url(plugins/buttons/icons/24/mail.png); }

#EditMyInfoWrapper input
{
    height:15px;
    margin-bottom:3px;
    background-color:#f7f7f7;
    border:1px solid #ccc;
    padding:2px;
}


/***************************/
/* CUSTOM CLASSES AND ID'S */
/***************************/

#header		
{
    background:#0071BD; /*url(../images/header_CorMatrixLogo.gif) no-repeat scroll right center*/
    height:125px;
    padding-left:18px;
 }

#dashboard	{ padding:5px 0 10px 0; }

	/*Sales Rep Info Box*/
	#sr_infobox { margin-top:0; padding-top:10px; }

		
		#sr_info	{  }
		#sr_info img	{ border:1px solid #666666; float:left; margin:0 10px 30px 0; }
		#sr_info p	{ margin:0; }
		#sr_info a { text-align:right; }
		


		.infolabel		{ display:block; float:left; width:18px; text-align:left; }
		
		/*.email		{ color:#0071bc; border-bottom:1px dotted; text-decoration:none; cursor:pointer; }this will be used to style the */
		
#toolbar	{ margin:18px 0 0 0; padding:20px 0; }

	#toolbar_menu { padding-left:290px;}


	
	/***************************/
	/*    CLINICAL CALL STEPS  */
	/***************************/
	
	
	/* The beloved sliding door effect! */	
	.step1, .step2, .step3, .step4, .step5 { width:190px; height:125px; float:left; text-align:center; display:block; background-repeat:no-repeat; }
	.step1	{ background:#fff url(../images/step1.gif) no-repeat; }
	.step2	{ background:#fff url(../images/step2.gif) no-repeat; }
	.step3	{ background:#fff url(../images/step3.gif) no-repeat; }
	.step4	{ background:#fff url(../images/step4.gif) no-repeat; }
	.step5	{ background:#fff url(../images/step5.gif) no-repeat; }
	
	.cc_active { background-position: 0 -125px; }
	
	p.steps { font-weight:bold; font-size:larger; }
	
		
#action_panel	{ padding:14px 0 0 0; margin-top:18px; }	
#action_panel h2{ margin:0; }
	.content_pad{ padding:0 18px; }
		/*Step 1*/
		#contact_select {}
		#contact_add	{}
	
		
		/*Step 2*/
		#video_select	{}
		.item_container { float:left; margin-right:18px; width:443px; }
		.no_margin { margin-right:0px; } 
		
			.items_table		{ margin:0; padding:0; }
			.item_checkbox		{ text-align:center; width:15px; border-bottom:1px solid #ddd }
			.item_title			{ border-bottom:1px solid #ddd  }
			.item_description	{ font-style:italic; }
			.item_scroller		{
								  height: 200px; 
								  overflow:auto;
								  border-top:3px solid #666;
								  border-bottom: 1px solid #666;
								  text-align:center;									  
								}
				
		
		/*Step 3*/
		#message_custom textarea { height:200px; margin:0 0 10px 0; }
		
		/*Step 4*/
		
		/*#review_cust h3, #review_items h3, #review_msg h3 { margin:0 0 0 18px; height:20px; }*/
		
		.review_box { margin-bottom:18px; padding:18px; border-top:2px solid #666; border-bottom:1px solid #666; }
		
		#cust_infobox{ margin-bottom:0; }/*I can't figure out why FF is adding the extra margin...*/
		
		#review_items table {   }
		#review_items table td { vertical-align:top; }
		#review_items table 
		.item_filetype	{ text-align:center; width:20px; vertical-align:top; border-bottom:1px solid #ddd}
		
		
		
		/*Step 5*/
		
		
	
	/***************************/
	/*      CUSTOMER VIEW      */
	/***************************/
	
	#customer_table td.item_filetype { width:30px; text-align:center; vertical-align:top; border-bottom:1px solid #ddd }
	
	#customer_table tr {  }
	#customer_table td { border-bottom:1px solid #ddd  } 		
	.item_status { text-align:right; font-style:italic; margin:0; padding-right:10px;}
	.expired { color:#999; border:0 }
	.expired a:hover { color:#999; border:0 }