/******************************************************/
/*** Menu & Banner Formatting Section *****************/
/******************************************************/
.menuRestorLogo
{
	/*
	width: 65px;
	*/
	border:0px;
	margin-left:5px;
}

#wrapper 
{
	position:relative;
	border:0px solid blue;
	/* margin:0 auto 30px ; */
	margin-left:auto;
	margin-right:auto;
	width:100%;
	background-color:#FFFFFF;
	overflow:none;
}

#header 
{
	border:0px solid red;
	position:relative;
	display:block;
	width:100%;
	height:120px;
	/* 
	background:url(../../assets/images/common/bkg_top.jpg) no-repeat top left;
	*/
	background-image:url('../assets/images/common/bkg_top.jpg');
	background-repeat:repeat-x;
	background-position:top left;
}

h1.logo 
{
	display:block;
	position:absolute;
	top:10px;
	left:40px;
	background:url(../../assets/images/common/logo_restor_telecom.png) no-repeat top left;
	height:101px;
	width:126px;
	/*
	cursor:hand;
	cursor:pointer;
	*/
	text-indent:-9999px;
}

#navigation 
{
	position:absolute;
	top:86px;
	left:205px;
}

#navigation .navbar li 
{
	float:left;
}

#navigation .navbar img
{
	border:0px;
} 

.phoneNumber
{
	display:block;
	/*
	position:absolute;
	top:35px;
	left:(parent().width - 84px);
	*/
	float:right;
	margin-top:35px;
	margin-right:85px;
}

.divider 
{
	display:block;
	padding:12px 0 24px 0;
	border:0px solid red;
	margin-top: 5px;
}

#footer 
{
	outline:0px solid green;
	position:relative;
	width:100%;
	height:70px;
	margin:12px 0 0 0;
	background:url(../assets/images/common/bkg_bottom.jpg) repeat-x bottom left;
}

.legal 
{
	font-size:80%;
	margin:12px 0 0 40px;
	height:32px;
	line-height:30px;
	float:left;
}
.legal a 
{
	color:#666;
}
.legal a:hover 
{
	color:#12235d;
}

.brandsBlock 
{
	float:right;
	margin-top:20px;
	margin-right:10px;
	border:0px solid red;
	/*
	position:absolute;
	top:12px;
	left:640px;
	*/
	text-align:right;
	height:40px;
}
.brandsBlock a 
{
	margin:0 0 0 25px;
}
.brandsBlock img 
{
	vertical-align:middle;
	border:0px;
}


.BannerLinkCurrent {
	/*
	color: #FFFFFF;
	background-color: #4a8c19;
	*/
	background-color: White;
	color: #4a8c19;
	
}
.BannerLink {
    /*
	color: #4a8c19;
    background-color: #FFFFFF;
	*/
	background-color: White;
	color: #4a8c19;
	
}
.BannerSeparator
{
    color: #000000;
    background-color: #FFFFFF;
}
p.BannerMenu
{
    padding-bottom: 1px;
    padding-top: 1px;
}

/******************************************************/
/*** Centered-Page Formatting Section *****************/
/******************************************************/
.InsetData
{
    /*margin: 0px 100px 100px 100px;*/
    position: relative;
    margin-left: 10px;
}

.RightSetControl
{
	float:right;
	padding: 0 25px 0 0;
}

.RightSetBorderedControl
{
	float:right;
	padding: 0 25px 0 0;
	border-width: thin;
}

.leftsetcontrol
{
	clear:both;
	float:left;
	padding: 25px 0 0 0;
}

.indentedcontrol
{
    clear:both;
    float:left;
    padding: 10px 0 0 0;
    margin-left:25px;
}
    
/* This section commented out because there isn't enough time to do this the right way.  Moving forward, it would be good to set this via CSS. */
/*
table.ExteriorSurroundingTable 
{
    vertical-align: top;
    text-align: center
}

table.InteriorSurroundingTable 
{
}
*/

/**********************************************************/
/*** Functional Formatting Section ************************/
/**********************************************************/
.maincontentbox /*12/01/2008 - WW - (for v2.4)added to allow for page resize based on browser size */
{
	margin: auto;
	width:95%;  /* dynamic width for outter-most container */
	/* width: 800px; */
	border-style:solid;
	border-width:thin;
	border-color:#404040;
	background-color:White;
	vertical-align:top;
	min-height:754px;
	min-width:804px;
}

.maincontentboxincongjunctionwithmaintable /*12/04/2008 - WW - (for v2.4)added to allow for page resize based on browser size */
{
	margin: auto;
	width:100%;  /* dynamic width for outter-most container */
	/* width: 800px; */
}

.maincontentboxtable /*12/04/2008 - WW - (for v2.4)added to allow for page resize based on browser size */
{
	margin: auto;
	width:99%;  /* dynamic width for outter-most container */
	/* width: 800px; */
	border-style:solid;
	border-width:thin;
	border-color:#404040;
	background-color:White;
	vertical-align:top;
	height:754px;
}

.maincontentboxtd /*12/04/2008 - WW - (for v2.4)added to allow for page resize based on browser size */
{
	background-color:White;
	vertical-align:top;
}

.bannerarea, .bannerarea TD, .bannerarea TH /*12/01/2008 - WW - (for v2.4)added to allow for page resize based on browser size */
{
	background-image:url('RestorBanner-Background.jpg');
	background-repeat:repeat-x;
	background-color:White;
	width:100%;
	padding:0 0 0 0;
}

.readonlycontrol
{
	background-color: Gray;
}

.readwritecontrol
{
	background-color:White;
}

.fullpanel
{
	width: 600px;
	clear:left;
	float:left;
}

.clearfloats
{
	clear:both;
}

.spacervertical
{
    clear:both;
    float:left;
    padding: 0 0 0 0;
    margin: 0 0 10px 0;
}

.spacervertical-half
{
    clear:both;
    float:left;
    padding: 0 0 0 0;
    margin: 0 0 5px 0;
}

.controlcolumn1
{
	clear:both;
	width: 295px;
	float:left;
}

.controlcolumnother
{
	width: 295px;
	float:left;
}

.controlcolumn3
{
	width: 195px;
	float:left;
}

.controlcolumnright
{
    clear: both;
    float:right;
}

.columnshipinfointerior
{
	width: 350px;
	float:left;
}

.standardbutton
{
	clear:left;
	float:left;
	background-color: White;
	border-color:#DDDDDD;
	color: #4a8c19;
	/*
	background-color: #4a8c19;
	border-color:#4477DD;
	color: White;
	*/
	/* NOTE: for buttons, padding indicates the distance between the text and the edge */
	/* NOTE: for buttons, margin-bottom appears to do crap */
}

.leftstackingbutton
{
	float:left;
	background-color: White;
	border-color:#DDDDDD;
	color: #4a8c19;
	/*
	background-color: #4a8c19;
	border-color:#4477DD;
	color: White;
	*/
	/* NOTE: for buttons, padding indicates the distance between the text and the edge */
	/* NOTE: for buttons, margin-bottom appears to do crap */
	margin-left: 10px;
	margin-right: 10px;
}

.righthandbutton
{
	clear:both;
	float:right;
	background-color: White;
	border-color:#DDDDDD;
	color: #4a8c19;
	/*
	background-color: #4a8c19;
	border-color:#4477DD;
	color: White;
	*/
	/* NOTE: for buttons, padding indicates the distance between the text and the edge */
	/* NOTE: for buttons, margin-bottom appears to do crap */
}

.rightstackingbutton
{
	float:right;
	background-color: White;
	border-color:#DDDDDD;
	color: #4a8c19;
	/*
	background-color: #4a8c19;
	border-color:#4477DD;
	color: White;
	*/
	/* NOTE: for buttons, padding indicates the distance between the text and the edge */
	/* NOTE: for buttons, margin-bottom appears to do crap */
}

.orderbutton
{
	clear:left;
	float:left;
	background-color: White;
	border-color:#DDDDDD;
	color: #4a8c19;
	/*
	background-color: #4a8c19;
	border-color:#4477DD;
	color: White;
	*/
	/* NOTE: for buttons, padding indicates the distance between the text and the edge */
	/* NOTE: for buttons, margin-bottom appears to do crap */
	margin-top: 5px;
	width: 200px;
}

.ordergridheader /*START HERE - ADD TO Printing CSS - BUT FIRST TEST TO SEE IF IT PRINTS CORRECTLY WITHOUT BEING IN THAT FILE */
{
	float:left;
	padding: 25px 0 0 0;

	font-size:medium;
	font-weight:bold;
}

.ordershipinfolabels /*START HERE - Add to the Printing File */
{
	background-color: White;
	color: #4a8c19;
	
	/*
	color: #4a8c19;
    background-color: #FFFFFF;
	*/
	
}

.rightstackingorderbutton
{
	float:right;
	background-color: White;
	border-color:#DDDDDD;
	color: #4a8c19;
	/*
	background-color: #4a8c19;
	border-color:#4477DD;
	color: White;
	*/
	/* NOTE: for buttons, padding indicates the distance between the text and the edge */
	/* NOTE: for buttons, margin-bottom appears to do crap */
	margin-top: 5px;
	width: 200px;
	margin-left: 10px;
	margin-right: 10px;
}

.leftstackingorderbutton
{
	float:left;
	background-color: White;
	border-color:#DDDDDD;
	color: #4a8c19;
	/*
	background-color: #4a8c19;
	border-color:#4477DD;
	color: White;
	*/
	/* NOTE: for buttons, padding indicates the distance between the text and the edge */
	/* NOTE: for buttons, margin-bottom appears to do crap */
	margin-top: 5px;
	width: 200px;
	margin-left: 10px;
	margin-right: 10px;
}

.rightfloatingpadding
{
	float:right;
	margin-left: 10px;
}

.chartpanel
{
	overflow:auto;
	width:96%; /* width: 775px; //Original Size */
	/*width: expression(this.parentNode.parentNode.parentNode.width-20);*/
	/*width:775px; */
    clear:both;
    float:left;
    /*margin: 10px 10px 10px 10px;*/
    padding: 1px 1px 5px 5px;
}

.displaypanel
{
	width:98%;/* width: 751px; //Original Size */
	clear:left;
	float:left;
}

.displaypanelsmallerfont
{
	width:98%;/* width: 751px; //Original Size */
	clear:left;
	float:left;
	font-size:smaller;
	/*
	overflow:hidden;
	z-index:11;
    */
}

.reviewpanelsmallerfont
{
	width:100%;/* width: 751px; //Original Size */
	clear:left;
	float:left;
	font-size:smaller;
	/*
    overflow:hidden;
	z-index:11;
    */
}

.selectionpanel
{
	width:100%;/* width: 775px; //Original Size */
	height: 200px;
	clear:left;
	float:left;
	font-size:smaller;
	margin-top:5px;
	/*
    overflow:hidden;
	z-index:11;
    */
}

div.tableContainer {
	width: 65%;		/* table width will be 99% of this*/
	height: 295px; 	/* must be greater than tbody*/
	overflow: auto;
	margin: 0 auto;
	}

.gridtestingpanel
{
	overflow:auto;
	width:96%; /* width: 775px; //Original Size */
	height:150px;
	/*width: expression(this.parentNode.parentNode.parentNode.width-20);*/
	/*width:775px; */
    clear:both;
    float:left;
    /*margin: 10px 10px 10px 10px;*/
    padding: 1px 1px 5px 5px;
}

.gvtesting {
	width: 99%;		/*100% of container produces horiz. scroll in Mozilla*/
	border: none;
	background-color: #f7f7f7;
	}
	
.gvtesting tbody	{  /* child selector syntax which IE6 and older do not support*/
	overflow: auto; 
	height: 250px;
	overflow-x: hidden;
	}
	
.gvtesting thead tr	{
	position:relative; 
	top: expression(offsetParent.scrollTop); /*IE5+ only*/
	}
	
.gvtesting thead td, .gvtesting thead th {
	text-align: center;
	font-size: 14px; 
	background-color: oldlace;
	color: steelblue;
	font-weight: bold;
	border-top: solid 1px #d8d8d8;
	}	
	
.gvtesting td	{
	color: #000;
	padding-right: 2px;
	font-size: 12px;
	text-align: right;
	border-bottom: solid 1px #d8d8d8;
	border-left: solid 1px #d8d8d8;
	}
	
.gvtesting tfoot tr { /*idea of Renato Cherullo to help IE*/
      position: relative; 
      overflow-x: hidden;
      top: expression(parentNode.parentNode.offsetHeight >= 
	  offsetParent.offsetHeight ? 0 - parentNode.parentNode.offsetHeight + offsetParent.offsetHeight + offsetParent.scrollTop : 0);
      }


.gvtesting tfoot td	{
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	background-color: papayawhip;
	color: steelblue;
	border-top: solid 1px slategray;
	}


.gvordering {
	width: 99%;		/*100% of container produces horiz. scroll in Mozilla*/
	border: none;
	background-color: White;
	}
	
.gvordering tbody	{  /* child selector syntax which IE6 and older do not support*/
	overflow: auto; 
	/* height: 250px; */
	overflow-x: hidden;
	}
	
.gvordering thead tr	{
	position:relative; 
	top: expression(offsetParent.scrollTop); /*IE5+ only*/
	}
	
.gvordering thead td, .gvordering thead th {
	text-align: center;
	/*font-size: 14px; */
	background-color: White;
	font-weight: bold;
	border-top: solid 1px #d8d8d8;
	}	
	
.gvordering td	{
	padding-right: 2px;
	/*font-size: 12px;*/
	text-align: right;
	border-bottom: solid 1px #d8d8d8;
	border-left: solid 1px #d8d8d8;
	}
	
.gvordering tfoot tr { /*idea of Renato Cherullo to help IE*/
      position: relative; 
      overflow-x: hidden;
      top: expression(parentNode.parentNode.offsetHeight >= 
	  offsetParent.offsetHeight ? 0 - parentNode.parentNode.offsetHeight + offsetParent.offsetHeight + offsetParent.scrollTop : 0);
      }


.gvordering tfoot td	{
	text-align: center;
	/*font-size: 11px;*/
	font-weight: bold;
	border-top: solid 1px slategray;
	}

.gvreporting
{
	/*overflow:auto;*/
}

.exportchoice
{
    float:left;
	
	background-color: White;
	border-color:#DDDDDD;
	color: #4a8c19;
	
	/*
	background-color: #4a8c19;
	border-color:#4477DD;
	color: White;
	*/
	
	margin-left:10px;
}

.textboxlabel
{
	/*width: 20em;*/
	width: 100px;
}

.hiddencontrol
{
	display:none;
}

.menubuttonlvl1
{
	clear:left;
	float:left;
	background-color: White;
	border-color:#DDDDDD;
	color: #4a8c19;
	/*
	background-color: #4a8c19;
	border-color:#4477DD;
	color: White;
	*/
	font-size:medium;
	width:500px;
	/* NOTE: for buttons, padding indicates the distance between the text and the edge */
	/* NOTE: for buttons, margin-bottom appears to do crap */
}

.nonprinting
{
	/*NOTE: This is a place holder element.  It indicates that the only special thing about it is that it will not print. */
}

.errormessage
{
	text-align: center;
}

.backordermessage
{
	text-align: center;
	color: Red;
	font-weight: bold;
}

.generalmessage
{
	text-align: center;
}

.menucustomerlogo
{
	float:right;
	padding: 0 25px 0 0;
	width: 200px;
}

.griditemWMS
{
	/*min-width:30em;*/
	background-color:Olive;
	width:300px;
}

/******************************************************/
/*** Grid View Column Formatting Section **************/
/******************************************************/
.orderingphonefieldheader
{
	/* width: 30em; */ /* Width in the GridView's column's header style doesn't seem to do anything... */
	text-align: left;
}

.orderingshipherefield
{
	/* ItemStyle-CssClass also affects the table header items. */
	width: 30em; 
	text-align: left;
}

.orderingcityfield td
{
	/* ItemStyle-CssClass also affects the table header items. */
	width: 30em; 
	text-align: left;
	 
}

.orderingstatefield
{
	/* ItemStyle-CssClass also affects the table header items. */
	width: 5em; 
	text-align: left;
}

.orderingzipfield
{
	/* ItemStyle-CssClass also affects the table header items. */
	width: 10em; 
	text-align: left;
}

.orderingcompanyfield
{
	/* ItemStyle-CssClass also affects the table header items. */
	width: 30em; 
	text-align: left;
}

.orderingaddress1field
{
	/* ItemStyle-CssClass also affects the table header items. */
	width: 30em; 
	text-align: left;
}

.orderingaddress2field
{
	/* ItemStyle-CssClass also affects the table header items. */
	width: 30em; 
	text-align: left;
}

.orderingaddress3field
{
	/* ItemStyle-CssClass also affects the table header items. */
	width: 30em; 
	text-align: left;
}

.orderingcountryfield
{
	/* ItemStyle-CssClass also affects the table header items. */
	width: 30em; 
	text-align: left;
}

.orderingphonefield
{
	/* ItemStyle-CssClass also affects the table header items. */
	width: 30em; 
	text-align: left;
}

.orderingattentionfield
{
	/* ItemStyle-CssClass also affects the table header items. */
	width: 30em; 
	text-align: left;
}

.orderingattentionemailfield
{
	/* ItemStyle-CssClass also affects the table header items. */
	width: 30em; 
	text-align: left;
}

.orderingaddfield
{
	/* ItemStyle-CssClass also affects the table header items. */
	width: 30em; 
	text-align: left;
}

.orderingpartnumberfield
{
	/* ItemStyle-CssClass also affects the table header items. */
	width: 30em; 
	text-align: left;
}

.orderingcleifield
{
	/* ItemStyle-CssClass also affects the table header items. */
	width: 30em; 
	text-align: left;
}

.orderingavailablefield
{
	/* ItemStyle-CssClass also affects the table header items. */
	width: 30em; 
	text-align: left;
}

.orderingbackorderfield
{
	/* ItemStyle-CssClass also affects the table header items. */
	width: 30em; 
	text-align: left;
}

.orderingdescriptionfield
{
	/* ItemStyle-CssClass also affects the table header items. */
	width: 30em; 
	text-align: left;
}

.orderingcatalognumberfield
{
	/* ItemStyle-CssClass also affects the table header items. */
	width: 30em; 
	text-align: left;
}

.orderingremovefield
{
	/* ItemStyle-CssClass also affects the table header items. */
	width: 30em; 
	text-align: left;
}

.orderingonbackorderfield
{
	/* ItemStyle-CssClass also affects the table header items. */
	width: 30em; 
	text-align: left;
}

.orderingplatformfield
{
	/* ItemStyle-CssClass also affects the table header items. */
	width: 30em; 
	text-align: left;
}

.orderingnodenamefield
{
	/* ItemStyle-CssClass also affects the table header items. */
	width: 30em; 
	text-align: left;
}

.orderingslotfield
{
	/* ItemStyle-CssClass also affects the table header items. */
	width: 30em; 
	text-align: left;
}

.orderingphonefield
{
	/* ItemStyle-CssClass also affects the table header items. */
	width: 30em; 
	text-align: left;
}

.orderingserialnumberfield
{
	/* ItemStyle-CssClass also affects the table header items. */
	width: 30em; 
	text-align: left;
}

.orderingdefectdatefield
{
	/* ItemStyle-CssClass also affects the table header items. */
	width: 30em; 
	text-align: left;
}

.orderingtroublefield
{
	/* ItemStyle-CssClass also affects the table header items. */
	width: 30em; 
	text-align: left;
}

.orderingnotefield
{
	/* ItemStyle-CssClass also affects the table header items. */
	width: 30em; 
	text-align: left;
}

.orderinghistareticketfield
{
	/* ItemStyle-CssClass also affects the table header items. */
	width: 30em; 
	text-align: left;
}

.orderingreturnplanfield
{
	/* ItemStyle-CssClass also affects the table header items. */
	width: 30em; 
	text-align: left;
}

.orderingdoafield
{
	/* ItemStyle-CssClass also affects the table header items. */
	width: 30em; 
	text-align: left;
}


/******************************************************/
/*** General Formatting Section ***********************/
/******************************************************/
body
{
    font-family:Helvetica Neue, Helvetica, Arial, sans-serif;
    color:#555;
    background-color:#C5C5C5;
    font-size:78%;
    line-height:1.3em;
}

a{text-decoration:none} 
a:link {color: #4a8c19} 
a:visited {color: #4a8c19}
a:hover {color: #4a8c19}
a:active {color: #4a8c19}

/*
a{text-decoration:none} 
a:link {color: #4a8c19} 
a:visited {color: #4a8c19}
a:hover {color: #4a8c19}
a:active {color: #4a8c19}
*/

.centered {
	text-align: center;
}

.righted
{
    text-align:right
}

.style6 {
	text-align: center;
	font-size: -1pt;
	color: #015199;
}
.style7 {
	border-color: #000000;
	border-width: 0;
}
.style11 {
	border-width: 0px;
	vertical-align: bottom;
}
.style12 {
	text-align: center;
	color: #015199;
}
.style15 {
	border: 2px solid #000000;
}
.style16 {
	border: 1px solid #000000;
}
.style17 {
	text-align: center;
	color: #C0C0C0;
}