*
{
    /*padding: 0;
    margin: 0;*/
}

pre
{
    white-space: pre-wrap;       /* css-3 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;      /* Internet Explorer 5.5+ */ 
    color: black;
    font-family: verdana, helvetica, arial, sans-serif;
}

body
{
    color: black;
    font-family: verdana, helvetica, arial, sans-serif;
    font-size: 75%;  /* Enables font size scaling in MSIE */
    background-color: rgb(230,223,207);
    padding: 0;
    margin: auto !important;
    width: 980px;
    position: relative;
}

#page
{
    clear: both;
    float: left;
    background-color: #fff;
    border-right: 1px solid #ccc;
    width: 980px;
    min-height: 500px;
    _height: 500px; /*IE-hack for min-height */
}
    div.printpage
    {
        font-size: 110%;
    }

h2, h3
{
    clear: both;
    color: #676767;
    font-family: arial, verdana, helvetica, sans-serif;
    font-size: 150% !important;
    font-weight: bold;
    text-align: left;
    margin: 10px 8px !important;
    padding: 5px 0 2px 0 !important;
    border-bottom: 1px solid #dedede;
    border-bottom-style: dashed;
}

h3
{
    margin: 0 8px 5px 8px;
    border: none;
}

a
{
    color: #c00;
    text-decoration: none;
}

a:hover
{
    text-decoration: underline;
}

/* Do Not styles */
.doNotDisplay, .printonly
{
    display: none;
}


/* ##### Labels ##### */
.label, .form
{
    float: left;
}
.label { text-align: right; padding-right: 5px; }
    .smallest   { width: 50px; }
    .smaller    { width: 80px; }
    .small      { width: 117px; }
    .normal     { width: 175px; }
    .wide       { width: 250px; }
    .wider      { width: 405px; }
    .widest     { width: 600px; }
    .tall       { height: 50px; }
    .taller     { height: 100px; }
    .tallest    { height: 200px; }

.required
{
    color: #f00;
}

p.content 
{
	font-size: 125%;
}

p.buttons
{
    clear: both;
    text-align: right;
}


/* ##### Form Controls ##### */
select, input, textarea
{
    font-size: 100%;
    font-weight: normal;
    font-family: verdana, helvetica, arial, sans-serif;
}

.textbox, .listbox
{
    border: 1px solid #999;
    padding: 2px 0 2px 2px;
    vertical-align: top;
}
    .spacing
    {
        margin: 2px 0 0 5px;
    }

.button
{
    font-size: 90%;
}

.dropdown
{
    border: 1px solid #999;
}


/* ##### Header ##### */
#header
{
    position: relative;
    color: rgb(243,242,235);
    font-weight: bold;
    background: url(images/logo.gif) no-repeat #CC0000;
    border-right: 1px solid #ccc;
    float: left;
    width: 980px;
    height: 60px;
}
    .headerTitle
    {
        /* In case needed */
    }
        .logo
        {
            text-indent: -300000px;
            display: block;
            height: 60px;
            width: 235px;
        }
        
    #welcome
    {
        position: absolute;
        top: 0;
        right: 0px;
        padding: 8px 8px 3px 3px;
        font-weight: bold;
        font-size: 90%;
    }
    
        #welcome a
        {
            color: rgb(243,242,235);
            font-weight: bold;
            text-decoration: none;
        }
        
    .searchBy_Container
    {
        position: absolute;
        top: 25px;
        right: 0;
        padding: 5px 8px 5px 0;
    }


/* ##### Login Page ##### */
.login
{
    clear: both;
}

/** fixes for .net login control */
.login input { margin-left: 82px; margin-top: 2px; }

.login .textbox { margin-left: 0; }

.login .button { margin-right: 8px; }


/* ##### Primary Nav ##### */  
#primaryNav_container
{
    clear: both;
    background-color: #676767;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 20px;
    float: left;
    border-top: 1px solid rgb(243,242,235);
    border-bottom: 1px solid rgb(243,242,235);
}

    ul#primaryNav
    {
        padding: 0;
        margin: 0;
        float: left;
        width: 980px;
        /*border-left: solid 1px #000;*/
    }

        ul#primaryNav li.root
        {
	        float: left;
	        list-style: none;
	        margin: 0;
	        position: relative;
	        display: inline;
	        /*border-right: solid 1px rgb(230,223,207);*/
        }
            ul#primaryNav li.root .last
            {
                /*border-right: none;*/
            }
        
        ul#primaryNav li a
        {
	        font-size: 100%;
	        font-weight: bold;
	        color: rgb(243,242,235);
	        display: block;
	        text-decoration: none;
	        padding: 3px 18px;
	        /*width: 195px;  with splits*/
	        width: 126px;
	        text-align: left;
        }

        ul#primaryNav li a:hover
        {
	        color: #000;
	        background-color: rgb(243,242,235);
        }
        

    ul#primaryNav li ul.subPrimaryNav
    {
        display: none;
        top: 20px;
        position: absolute; 
        list-style: none;
        background-color: #676767;
    }

    ul#primaryNav li ul.subPrimaryNav li
    {
        color: red;
    }

    ul#primaryNav li ul.subPrimaryNav li a
    {
        font-weight: bold;
        color: rgb(243,242,235);
        display: inline-block;
        text-decoration: none;
        padding: 3px 20px;
        text-align: left;
        border: 1px solid #676767;
        width: 150px;
    }

    ul#primaryNav li ul.subPrimaryNav li a:hover
    {
        color: #000;
    }




/* ##### Filter ##### */
.filterToggle_Container
{
    clear: both;
    float: left;
    margin: 0 8px;
    display: inline;
    width: 100%;
}
    .filterToggle_Container p.links
    {
		float: right;
		margin-right: 8px;
		font-size: 95%;
    }
    .toggleArrow
    {
        float: left;
        vertical-align: middle;
        padding: 5px 0;
    }
    .filterToggle
    {
        float: left;
        margin-left: 5px;
        font-size: 90%;
    }


.filter_Container
{
    background-color: rgb(243,242,235);
    width: 948px;
    margin: 0 8px 8px 8px;
    padding: 8px;
    float: left;
    clear: both;
    font-size: 80%;
    display: inline;
}
    .filter_Container h3
    {
        width: 943px;
        padding-left: 5px;
        margin: 0;
    }
    .filter_Container p, .filter_Container div.ext
    {
        clear: both;
        padding: 5px 0;
    }
        .filter_Container div.ext br { display: none; }

    .datePicker img { width: 21px; height: 17px; }



/* ##### Grid View ##### */

.updateProgress
{
	position: absolute;
	background-color: #fff;
	filter: alpha(opacity=70);
	MozOpacity: 0.7;
	opacity: 0.7;
	padding: 0px;
	margin: 0px;
}
.updateProgress div
{
	background-color: #fff;
	padding: 20px;
	position: absolute;
	top: 100px;
	left: 50%;
}

#gridOrdersContainer
{
	width: 100%;
	height: 500px;
	overflow: auto;
}
    #gridOrdersContainer .gridOrders
    {
        width: 940px !important;
    }
    
.gridOrders
{
    clear: both;
    border-collapse: collapse;
    border: 1px solid #9F9F9F;
    font-size: 80%;
    width: 948px;
    margin: 8px;
    margin-top: 2px;
}

.gridPager
{
    /* May need */
}

.gridHeader
{
    background-color: #9f9f9f;
    color: rgb(243,242,235);
    line-height: 20px;
    text-align: left;
}
    .gridHeader th
    {
        padding-left: 3px;
    }
        /* Maybe not needed
        .gridHeader th.Id           { width: 45px; }
        .gridHeader th.CompanyLoc   { width: 160px; }
        .gridHeader th.Desc         { width: auto; }
        .gridHeader th.VendorPO     { width: 110px; }
        .gridHeader th.Created      { width: 80px; }
        .gridHeader th.Sched        { width: 80px; }
        .gridHeader th.Status       { width: 60px; }
        .gridHeader th.Priority     { width: 60px; }
        */
    
    .gridHeader a
    {
        color: rgb(243,242,235);
        text-decoration: underline;
    }
    
    .gridHeader span
    {
        /* HACK: this will hide the # that is appearing after a sort*/
        display: none;
    }

.gridRowA
{
    background-color: #fff;
}

.gridRowB
{
    background-color: rgb(243,242,235);
}
    .gridRowA td, .gridRowB td
    {
        padding: 4px 3px;
        vertical-align: top;
        border-bottom: solid 1px #dedede;
    }
		td .gridRowHeader
		{
			padding: 4px 2px 2px 0;
			margin-top: -4px;
			font-size: 90%;
			font-weight: bold;
			color: #666;
		}
			td .gridRowHeader ID { width: 50px; }
			td .gridRowHeader a { font-weight: normal; padding-right: 5px; }
		
		td .gridRowSummary
		{
			width: auto;
		}
		
		td .gridRowSummary a
		{
			width: auto; 
			float: left;
		}
		
		td .gridRowSummary p
		{
			width: 435px;
		}

.orderPriority1 {  }
.orderPriority2 { color: #0c0; }
.orderPriority3 { color: #f93; }
.orderPriority4 { color: #f00; }

/* #### Status Message #### */
.InfoMessage, .ErrorMessage
{
    clear: both;
    margin-bottom: 5px;
    border: 1px solid #C7C7C7;
    padding: 5px 0;
    color: #000;
    background-color: #FFFF99;
    width: 90%;
}
	.InfoMessage span, .ErrorMessage span { margin-left: 5px; }
	.ErrorMessage span { color: #c00; font-weight: bold; }


/* ##### Form Content ##### */
#formContent
{
    padding: 0 8px;
    font-size: 95%;
    float: left;
}
    #formContent p, #formContent div.ext, #leftColumn p, #rightColumn p
    {
        clear: both;
        padding-bottom: 5px;
        float: left;
        width: 964px;
    }
        #formContent div.ext br { display: none; }
    
    .editContainer
    {
        float: left;
        padding: 0;
        margin: 0;
    }
    
    #leftColumn
    {
        float: left;
        width: 550px;
    }
        #leftColumn p, #leftColumn div
        {
            width: 550px;
        }
        #leftColumn div.ext
        {
            width: 550px !important;
        }
    
    #rightColumn
    {
        float: left;
        width: 400px;
        padding-bottom: 5px;
    }
        #rightColumn p, #rightColumn div
        {
            width: 400px;
        }
    







/* ##### Footer ##### */

#footer
{
    clear: both;
    border-top: 1px solid #999;
    color: #666;
    font-size: 85%;
    text-align: right;
    padding: 3px;
    height: 12px;
}

#footer div
{
  margin: 0;
  padding: 0 0 1ex 0;
}

#footer a
{
  background-color: transparent;
  text-decoration: none;
}

#footer a:hover
{
  text-decoration: underline;
}