﻿
/*  Portal Styles */
#bottom_portal {font-family:arial; color:#666666; font-size:13px; line-height:160%; width:100%; background-image:url(../../App_Themes/Cytori/Images/bottom_bottom_all.gif); background-repeat:repeat-y; overflow:auto; height:auto;}
#bottom_p1 {float:left;  margin:0; padding:25px 0 10px 15px; position:relative; width:240px; text-align:left; }
#bottom_p1 li {font-size:smaller; color:#666666;}
#bottom_p1 a {color:#3B6E8E; text-decoration:none; font-weight:bold; }
#bottom_p1 a:hover{color:#425567; text-decoration:none;}
#bottom_p2 {float:left; color:#666666; width:740px; margin:0; padding:15px 0 15px 10px; border-left:solid 1px #d1dde5; height:auto; text-align:left; }
#bottom_p2 a {color:#3B6E8E; text-decoration:none; font-weight:bold; }
#bottom_p2 a:hover{color:#425567; text-decoration:none;}
#bottom_p2 h1 { color:#663300; font-weight:bold; font:Arial; font-size:18px; font-weight:bold; text-transform:uppercase; margin:2px 0 15px 5px; }

#footer_portal {float:left; color:#3B6E8E; height:30px; font-size:10px; padding-left:20px; padding-top:10px; width:1004px; position:relative; text-align:left; }	
#footer_portal {background:url(../../App_Themes/Cytori/Images/bottom_rounded_innovation_all.gif); }
#footer_portal a {color:#3B6E8E; text-decoration:none;} #footer_portal a:hover {color:#0e304f;}

#Error { clear:both; text-align:center; padding:0; margin:5px 0 0 0; }
#PortalLogin, #MyAccount, #CreatePO, #PendingPOs, #ChangePW, #SetPassword, #ManageUsers, #MyOrders, 
#TechnicalSupport, #PlaceOrder, #ResourcesList, #ResourcesMgr
{
	width: 100%; height: auto; padding:0; margin:5px 0; 
}

#PortalLogin a, #portalLogin a:hover { text-decoration:none; font-weight:bold; padding:10px 0 10px 50px; text-align:left; }
#PortalLogin a { color:#3B6E8E; }
#PortalLogin a:hover{color:#425567; }
#PortalLogin table { float:left; margin:15px 0 15px 18px; text-align:left;}
.loginLabel {width:80px; margin:10px 3px; padding-right:5px; text-align:right !important; font-weight:bold; } 
.loginText {width:200px; padding:4px; border:solid 1px rgb(200,200,200); text-align:left; margin:3px 1px;}
.loginTitle { font-size:18px; margin:0 0 40px 10px; padding-right:3px; white-space:nowrap; text-align:right; display:none; }
.loginCheck { font-size:11px; margin:0; margin-top:10px !important; white-space:nowrap; text-align:center;}
.loginButton { text-align:center; margin:20px 0 20px 85px !important; padding:0; width:100px; float:left;}

#MyAccount { margin:0 auto; padding:0; text-align:left; vertical-align:top;}
#ChangePW { width:500px; }
.lblContactUs { margin:0; font-size:11px; padding: 0 0 5px 5px; vertical-align:top; }
.demo, .orderHistory, .serviceHistory, .productHistory, .resourcesList { width:100%; margin:0; padding:0;}

.linkButton {color:#666666; text-decoration:none;} 
.inputTextRb{width:200px; font-size:8pt;color:#7D4739; text-align:left; padding-left:25px; }

#CreatePO { margin:0 auto; padding:0; text-align:left; vertical-align:top;}
.POInfo, .POEdit, .POGrid { width:100%; margin:0; padding:0;  }
.POEdit a.hover {text-decoration:none !important; }
.POEdit Table.edit { background-color:#fff; border:1px solid #d1dde5; padding:0; margin-bottom:10px;}
.POEdit Table.edit tr.hdr { background-color:#425567; color:#fff; padding:5px 0; margin: 0; text-align:center;}

.message { width:100%; color:red; }
.labelText {text-align:right; width:120px; } 
.labelTextL {text-align:left; width:200px; border:solid 1px rgb(200,200,200); height:18px; display:inline-block; } 

.NewUser {color:#666666; width:900px; text-align:center; margin:0px;}
.NewUser ul {clear:both; float:left; margin-left:145px !important; margin-top: 15px;}
.NewUser p {text-align:left;}
.NewUser li {display:inline; width:200px; color:#663300;}
.NewUser label.left {float:left; width:100px; margin:0 0 0 10px; padding-right:10px; color:#666666; white-space:nowrap; text-align:right;}
.NewUser input.field {width:250px; padding:2px; border:solid 1px rgb(200,200,200); font-size:100%; text-align:left;}
.NewUser fieldset {padding: 10px 10px 10px 0px !important; margin:0 0 20px 0; border:solid 1px rgb(220,220,220);  background-position: 500px 25px; text-align:center;}
.NewUser td {text-align:left;}
.NewUser .val { margin:0 0 0 10px; padding-right:10px; color:#7D4739; white-space:normal; text-align:left;}
.NewUser .val li {color:Red; display:inline; }
.NewUser .val ul {float:left;}

.validation-error{color:Red; clear:both; margin-left:5px !important; margin-top: 10px; text-align:center;}
.legend { font-size:10px; margin:0; margin-top:5px; padding:0; height:16px;  }
.legendDiv { width:100%; color: #666666; background: #BEDAE4; margin:0;
			border-bottom: solid 1px #CCCCCC; text-align: left;	padding:0; display:block; }  
.legend img { vertical-align:middle; padding-left:5px; }
.totalPrice { float:right; }
.totalPrice .amt { margin: 0 25px 0 8px; } 

/* Div for Datagrids  */
/* --------------------------------------------------------------------------------------*/
	.divFixedHeader { /* So the overflow scrolls */	overflow:auto; 
		border:none; text-align:left; margin:0; padding:0; width:100%; max-height:200px; 
		float:left; min-height:1px; 
	}
	
	.divFixedHeader table 
	{
		margin:0; padding:0; vertical-align:top; 
	}

	.divFixedHeader table th { /* Keep the header cells positioned as we scroll */ position:relative;
		color: #666666; background: #BEDAE4; font-weight: bold; border-bottom: solid 1px #CCCCCC; text-align: left;	padding:0 5px;		    
	}
	.divFixedHeader table td 
	{
		padding:0 3px; font-size: 12px; vertical-align:top;	
	}

	.divFixedHeader table th a {
		color: #0a2c39;           
	}            

	.divFixedHeader table tbody { /* For alignment of the scroll bar */	overflow-x:hidden;	}  

	.gridStyle,	.altGridStyle, .gridHeaderStyle
	{
		color:#0a2c39; margin:0; border-collapse: separate;	border:hidden 0px #BEDAE4;
	}
	
	.altGridStyle {	background-color:#D5E7EE;}
	
	.gridHeaderStyle { font-weight:bold;	}

	.gridButtonStyle { color:#666; line-height:100%; }

	a.gridStyle:link, a.gridstyle:hover, a.gridstyle:visited
	{
		color:#BEDAE4; text-decoration:none;
	}


    /* Fieldset & Button */
    /* --------------------------------------------------------------------------------------*/

	fieldset { background-color:#fff; border:1px solid #d1dde5; padding:0; margin:0; clear:both; }

    fieldset div  { clear:none; }

    fieldset.noborder, fieldset.nopassword {background-color:Transparent; border:0 !important;  clear:both; } 
    
    fieldset.nopassword { margin-left:30px; } 
    
    
    /* Column Control */
    /* ------------------------------------------------------------------------------------ */

    div.columnContainer  { overflow:hidden; height:1%; margin:0; clear:none;  }
    
    div.columnContainer div  {float:left; clear:none; margin:0;  }
    
    div.columnContainer div.column { clear:none; }
    
    div.column {display:block; float:left; width:360px;  margin-right:10px; }


/* Input controls */
/* --------------------------------------------------------------------------------------*/
   
   input[type="submit"], input[type="submit"]:hover 
    {
        color:#262626; margin:0 auto; padding:0 0 3px 0; border:1px solid #333; width:120px; height:25px;
    }
        
   input[type="submit"]:hover { color:#999; }
   
    
    /* DEFINITION LISTS */
    /* ------------------------------------------------------------------------------ */

	dl { position: relative; padding:0; line-height:160%; width:100%; margin:0 0 10px 0; height:auto; }
		
	dt { clear: both; float:left; width: 80px; margin:0; padding-bottom: 3px; text-align: right; font-weight:bold; min-height:1em; }
		
	dd { float: left; width: 500px; margin:0; margin-left:6px; padding-bottom: 2px; height:auto; display:block;	text-align:left; }
  
    dl.medium dt { width:160px; }
    dl.medium dd { width:300px;  }
   
    dl.middle dt { width:225px; }    
    dl.middle dd { width:250px;  }

    dl.wide dt { width:250px; }    
    dl.wide dd { width:450px;  }

    dl dt.hdr
    {
		background-color:#425567; color:#fff !important; padding:5px 0; margin: 0 0 20px 0;
		text-align:left; width:100%; letter-spacing: 3px; white-space:nowrap;
    } 
    dl dt.hdr span  { padding-left:5px; float:left;  }
    
    dl dt.hdr-trans
    {
		background-color:transparent; padding:0; margin: 0; text-align:left; width:100%; font-weight:normal;
    }
    dl dt.hdrg
    {
		background-color:#425567; color:#fff !important; padding:5px 0; margin: 0; 
		text-align:left; width:100%; letter-spacing: 3px; white-space:nowrap; 
    }   
    dl dt.hdrg span  { padding-left:5px; float:left;  }
    
	dl dt.hdrg a { color:#fff !important; } 
	
	dl dt.hdrg a:hover { color:#D5E7EE !important; text-decoration:none !important; }

	dl dt.hdrg .gridViewAll { float:right; padding-right:5px; letter-spacing:normal; font-size:11px;  }	
	dl dt.hdr .gridCheckAllImg { float:right; margin:0; padding: 0; padding-left:30px; letter-spacing:normal; background: transparent url(../../App_Themes/Cytori/Images/check.png) no-repeat center; cursor:hand; font-size:0px; display:block; text-indent: -999px;}	
	dl dt.hdr .gridCheckAll, dl dt.hdrg .gridCheckAll { float:right; margin:0; padding: 0; padding-right:10px; letter-spacing:normal; display:block; vertical-align:baseline; }	
	
	dl dt.hdrg .gridNoRows { letter-spacing:normal; font-size:11px; }	

    dl dt.hdrg1
    {
		width:100%; color: #666666; background: #BEDAE4; font-weight: bold; margin:0;
		border-bottom: solid 1px #CCCCCC; text-align: left;	padding:0; display:block;
    }  
    dl dt.footer
    {
		background-color:#fff; padding:0; margin: 0; width:100%; white-space:nowrap; border-bottom: solid 1px #CCCCCC; text-align: left; display:block;
    }   

    dl dt.all { width:100%;	text-align:center; padding:5px;	margin:0px;  }
    dl dd.blank{ width:100%; text-align:left; padding:0; margin:0px; }
    
    
    dl dt.failure
    {
		width:98%; text-align:center; padding:5px; margin:0px;
		color:Red; font-size:smaller; line-height:100%;
    }    

    dl dt.buttons { padding: 10px 0; width:100%; text-align:center;  }
    
    dl dt.button { padding: 10px 0;	}
    
    dl dd.button { padding: 10px 0;	}


	/* MISC */
	/* ------------------------------------------------------------------------------ */

	.hide {display:none; }
	ul li {list-style-type:square; list-style-position:inside; }
	ul li ul {margin-left:10px; }
	.textLeft {text-align:left;	}    
	.textRight {text-align:right; }
	.center {text-align:center;}
	.floatLeft {float:left; }
	.floatRight {float:right;}  
	.img {border:1px solid #aca899; }
	.money { text-align:right; }
	div.inline { display:inline; }
	div.clear {clear:both; height:1px;}
	hr {display:block; clear:both; }
	tr.header td,  tr.header th {font-weight:bold; padding-bottom:5px;}
	tr.footer td {border-top:1px solid #000; font-weight:bold; padding-top:5px; }
	tr.noBottomBorder td { border-bottom:0px solid #fff; }
	.checksLeft { float:left; width:35%; margin:0; padding:0;  }
	.checksRight { float:right; width:62%; margin:0; padding:0;  }
	.resImg { padding:3px 1px; }
	.small {font-size:small; }
	.smaller {font-size:smaller;}
	.tallerGrid {max-height:400px !important;}

    /* Validation Summary */
    /* --------------------------------------------------------------------------------------*/

    div.validationSummary
    {
        border:1px solid #D8D2BD;
        padding:10px; background:#f3f2e7; 
        margin-bottom:10px;
    }
    div.validationSummary ul li
    {
        list-style:none;
    }

    div.validationSummary ul li
    {
        background: #f3f2e7 url('../Images/Icons/16x16/Warning.png') no-repeat center left;
        padding-left:20px; line-height:2em;
        color:#000;
    }
    
	/* Generic Table */
	/* --------------------------------------------------------------------------------------*/

    .genericTable
    {
        border:1px solid #aca899;
        width:100%;
        margin:0px;
    }
    .genericTable tr td.hdr
    {
		background-color:#425567; color:#fff !important; padding:5px; margin: 0 0 20px 0;
		text-align:left; width:100%; letter-spacing: 3px; font-weight:bold;
    } 
    
    .genericTable tr td.hdr1
    {
		color: #666666; background: #BEDAE4; font-weight: bold; border-bottom: solid 1px #CCCCCC; text-align: left;	padding:0 5px;	
    }       
    
    .genericTable caption {
        font-weight:bold;
        margin-bottom:5px;
    }
    .genericTable tbody th, .genericTable tbody tr.header td, .genericTable thead th
    {
        background:#eee url("../Images/ButtonBkg2.png") repeat-x bottom center;
        background-color:#fff;
        font-weight:bold;
        border-bottom:1px solid #aca899;
    }
    .genericTable td, .genericTable th
    {
        padding:2px 5px;
        border-bottom:1px solid #ACA899;
        background-color:#fff;
    }
    
    .genericTable tr.highlight td
    {
        background-color:#ffc;
    }
    
    .genericTable th.imageButtonColumn
    {
        width:22px;
    }

    .genericTable table tbody td a
    {
        text-decoration:underline;
    }

    .genericTable tbody tr.pager td
    {
        background-color:#f3f2e7;
        vertical-align:middle;
    }
    
    .genericTable tr.emptyDataRow td
    {
        background-color:#f3f2e7;
        border:0px solid #fff;
    }

	.wrapLabel
	{
	   overflow:hidden;
	}

/*     T R E E V I E W    */
/* fixes extra space on wrapping nodes in sitemap */
/* --------------------------------------------------------------------------------------*/

.RadTreeView_Default .rtIn   
{  
    margin-left: 0 !important;  
    padding: 0 !important;  
    border: 0 !important;
	white-space:normal;    
	background-image:none !important;
	background-color:Transparent !important;
}  

/* fixes extra space on wrapping nodes in sidemenu */
.RadTreeView_ .rtIn   
{  
    margin-left: 0 !important;  
    padding: 0 !important;  
    border: 0 !important;
	white-space:normal;   
	background-image:none !important;
	background-color:Transparent !important;
	font-size:12px;
	line-height:18px;
	font-family: "Segoe UI", Arial, sans-serif;
	-x-system-font: none;
}  

.RadTreeView_ .rtSelected .rtIn
{  
	border-width:0 !important;
}

/* treeview div */
div #ctl00_Content_bottom1_ctl00_ctl00
{
	padding-bottom:25px !important;
	margin-bottom:25px !important;
	border-bottom:solid 1px #d1dde5; 
}


