/*
-----------------------------------------------
support.sas.com template second level screen style
author:   rebecca hemstad
version:  01 June 2007
updated: R.Harper July 2007
added: R.Harper section name styles Aug 02 2007
----------------------------------------------- */


/* ****** DEFAULT STYLES *******
----------------------------------------------- */
@import url("reset.css");
@import url("titles.css");
@import url("fieldset.css");
@import url("sasleftside.css");
@import url("misc.css");
@import url("deprecated.css");
@import url("supporthomeonly.css");

/* BODY STYLE *******
----------------------------------------------- */
html, body {
height: 100%;
}


body {
        margin:1px auto;
        padding: 0;
        font: small Arial, Helvetica, Verdana, sans-serif;
        text-align: left;
        min-width: 800px;
        background-color: #fff;
}


a:name {font-weight: bold;}

a:link {text-decoration: none; color: #06c;}
a:visited {text-decoration: none; color: #06c;}
a:active {text-decoration: none; color: #06c;}
a:hover {text-decoration: underline; color: #06c;}



#container {
        margin: 0px auto;
        background-color: #fff;
        color: #333;
        border: 0px solid gray;
        line-height: 130%;
        background: url(/images/sidebargrad.gif) center left repeat-y;
        min-width: 800px;


}


#container2 {
        margin: 0px auto;
        background-color: #fff;
        color: #333;
        border: 0px solid gray;
        line-height: 130%;
        min-width: 800px;

}

.clear {
  clear: both;
  height: 0;
}

p {
padding: 5px 0px 5px 0px;
}


.more
{
        display: block;
        padding: 0 0 0 11px;
        background-image: url(/images/morearrow.gif);
        background-repeat: no-repeat;
        background-position: left center;
}



/* -----------------------------------------------------------------
Browser specific (not valid) styles to make preformatted text wrap 
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+ *
}
--------------------------------------------------------------- */



/* ****** GENERAL STYLES *******
----------------------------------------------- */

#leftcolumn p, #rightnav p { margin: 0 0 1em 0; }


/* ****** MASTHEAD *******
----------------------------------------------- */

#masthead {
        padding: .5em;
        background-color: #ffffff;
        border-bottom: 1px solid gray;
        height: 45px;
}

#masthead img {
float: left;
}



/* ****** SEARCH *******
----------------------------------------------- */

#searchBox {
        float: right;
        padding: 0;
        margin: 0px 5px 0px 0px;
}


#searchBox fieldset {
        border: 1px solid #ccc;
        padding: 0px 5px 10px 10px;       
        margin: 0px 0px 0px 0px;
}



#searchBox fieldset.search {
        border: 0px solid #ffffff;
        text-align: right;
}

#searchBox label {
        font-size: .8em;
        color: #fff;
        background-color: inherit;
        
}

#searchBox input.searchField  {
        font-size: .8em;
        background: url(/images/bg_searchbox.gif) top left repeat-x;
        border: 1px solid #A5ACB2;
        height: 15px;
        padding: 1px;

}


#searchBox input.searchButton  {
        font-size: .7em;
        font-weight: bolder;
        color: #013a75;
        text-align: center;
        background-color: #deebff;
        border: 1px solid #A5ACB2;
        cursor: pointer;
        padding: 1px;

}

#searchBox .searchSelect {
        font-size: .8em;
        border: 1px solid #A5ACB2;
        padding: 1px;
}

#searchBox .searchSelect optgroup
{
        border-color: black;
        border-width: 1px 0 0 0;
        border-style: solid;
        padding: 5px 0 0 0;
}

/* ****** MASTHEAD NAVIGATION *******
----------------------------------------------- */

#mastheadnav {
        width: 100%;
        background: url(/images/topnavbackgrad.gif) repeat-x top left;
        clear: both; 
        float: left;
        font-size: .85em;
        min-width: 860px;
        height: 36px;
        margin:0;
        padding: 0;
        color: #000;
        text-align: left;
        border: 0px solid green;
        color: #004da5;
}

#mastheadnav .homeselected {
        font-size: 1.20em;
        font-weight: bold;
        padding-right: 30px;
        background: none;
}


#mastheadnav ul {
        margin: 10px;
        padding: 0px;
        border: 0px solid green;        

}

#mastheadnav li {
        margin:0px 0px 0px 0px;
        padding: 0px 5px 0px 10px;
        list-style-type:none;
        display: inline;
        white-space: nowrap;
        background: url(/images/navdivider.gif) center left no-repeat;
}


#mastheadnav li a{
        color: #fff;
        padding: 9px 11px;
        text-decoration: none; 
        font-weight: bold;
        background-color: inherit;

        
}

#mastheadnav li a:visited{
        color: #fff;
        background-color: inherit;

}

#mastheadnav li a:hover, .solidblockmenu li .current{
        color: #fff;
        background: transparent url(/images/mastheadnavactive.gif) center center repeat-x;
}


#mastheadnav .current {
        background: transparent url(/images/mastheadnavarrow.gif) center center no-repeat;
}



/* ****** PRINT EMAIL BOOKMARK *******
----------------------------------------------- */


#peb {
        background: #c6cfe7 url(/images/tbar.jpg) center center repeat; 
        /*border-bottom: 1px dotted #ccc;*/
        font-size: .825em;
        height: 43px;
}

#peb ul {
        margin: 0;
        padding: 14px 2px 4px 0px;
        text-align: right;
        border: 0px solid green; 
}

#peb li {
        margin:0px 0px 0px 0px;
        padding: 0px 2px 0px 2px;
        list-style-type:none;
        display: inline;
        white-space: nowrap;
}

#peb a:link {text-decoration: none;}
#peb a:visited {text-decoration: none;}
#peb a:active {text-decoration: none;}
#peb a:hover {text-decoration: underline;}



/* ****** ALERT BAR STYLES ******
----------------------------------------------- */

#alertBar {
	background: url(/images/alertBar_bg.jpg) repeat-x;
	font-family:helvetica, arial, sans-serif;
	color: #ffffff;
	font-size: 0.9em;
	padding: 5px 0px 0px 10px;
	height: 28px;
	font-weight: bold;
	text-align: center;
}



/* ****** TABLE OF CONTENTS STYLE (TOC) ******
----------------------------------------------- */

#TOC {
	text-align: left;
	padding: 5px 0px 5px 0px;
	background-color: #eeeeee;
	}

#TOC a {
	padding: 0px 5px 0px 5px;
	text-decoration: underline;
	
	}

#TOC a:hover {
	text-decoration: underline;	
	background-color: #d9d7d7;
			
	}




/* ****** SECTION NAME STYLES *******
----------------------------------------------- */


.L0 {
	font-family:helvetica, arial, sans-serif;
	font-weight: 600;
	font-size: 1.7em;
	color: #7d8693;
	padding: 10px 0px 0px 15px;
	}
	
.L1 {	
	font-family:helvetica, arial, sans-serif;
	font-weight: 600;
	color: #0067ba;

	}



/* ****** LEFT NAVIGATION STYLES *******
----------------------------------------------- */

#leftcolumn{
        width: 200px;
        margin: 0;
        padding: 0 0 0 .5em;
        float: left; 
        left: 0;
        border: 0px solid red;
       /*  position: relative;  */
}

#leftcolumn ul
{
        margin: 0;
        padding: 0;
        list-style-type: none;
}

#leftcolumn ul li h1
{
        border-bottom: #999;
        border-width: 0 0 1px 0;
        border-style: none none dotted none;
        padding: 10px 10px 5px 0;
        margin: 0 0 5px 0;
        color: #0067BA;
        font-size: 1.1em;
        text-transform: uppercase;
}

#leftcolumn ul li ul li
{
        background-image: url(/images/dot_on.gif);
        background-repeat: no-repeat;
        background-position: left 7px;
        list-style: none;
        line-height: 18px;
        padding: 0 0 0 10px;
}

/* ****** CONTENT COLUMN STYLES *******
----------------------------------------------- */


/* ****** 1 column class *******
----------------------------------------------- */
#content1 {
        margin: 0px 10px 0px 10px;
        padding: 1em 1em 1em 1.5em;
}


/* ****** 2 column class *******
----------------------------------------------- */
#content2 {
        margin: 0px 10px 0px 210px;
        padding: 1em 1em 1em 1.5em;
        border: 0px solid red;
}


/* ****** 3 column class *******
----------------------------------------------- */
#content3 {
        margin: 0px 230px 0px 210px;
        padding: 1em 1em 1em 1.5em;
        border: 0px solid red;
        position: relative;
}

/* ****** RIGHT COLUMN STYLES *******
----------------------------------------------- */
#rightcolumn {
        float: right;
        width: 200px;
        margin: 0;
        padding: 1em;
        font-size: .85em;
        border: 0px solid red;
}


#rightcolumn p {
        font-size: .90em;
}


#rightcolumn ul {
        list-style: url(/images/diamond.gif);
        margin: 0;
        padding: 0 0 1em 2em;

        }

#rightcolumn ul li {
        padding: 0 0 .18em 0;
}



/* ****** FOOTER STYLES *******
----------------------------------------------- */
#footer{
        clear: both;
        margin: 0;
        padding: .25em;
        color: #333;
        border-top: 2px solid #003399;
        text-align: center;
        font-size: .85em;
        background-color: #ffffff;
}