/*************************************************************************
 * iit-sourcetech.com master style sheet
 *
 * Note to Developers:  Be sure any changes that are made to this file run
 *                      though the CSS validation online application found
 *                      at: http://jigsaw.w3.org/css-validator/
 *
 * ChangeLog:
 *  [ChadK @ 09Dec05] Created and Passed w3.org CSS validation with no 
 *                    errors or warnings.
 *************************************************************************/
 
/*****************************************
 * BEGIN GENERIC ELEMENTS STYLES
 *****************************************/
html, body
{
	margin: 0px;
	padding: 0px;
}

body 
{
	background-color: #505050;
	font-family: Verdana, Sans-Serif;
	font-size: 10pt;
	color: #006600;
	text-align: left;
}

a
{
	text-decoration: none;
}

p
{
	margin: 0px;
	padding: 0px;
}
/*****************************************
 * END GENERIC ELEMENTS STYLES
 *****************************************/



#PageViewPort
{
	width: 750px;
	margin: 2px auto;
	padding: 0px;
	text-align: left;
	border: solid 1px #FFFFFF;	/* FFF vs White to make w3 warning go away */
	background-color: White;
	color: #000000;
}

.iitGreen
{
	color: #006600;
}

.JustifiedText
{
	text-align: justify;
}


/*****************************************
 * BEGIN HEADER AREA STYLES
 *****************************************/
#Header
{
	background-color: #006600;
	color: White;
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 92px;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom: solid 1px White;
	background-image: url("../images/Header_ArchedBackground.gif");
	background-position: left top;
	background-repeat: no-repeat;
}

#Header a 
{
	background-color: inherit;
	color: White;
	border: solid 1px White;
	padding: 5px 10px 5px 10px;
	margin: 1px;
	font-size: 9pt;
	background-position: left top;
	background-repeat: repeat;
}

#Header a.ThisPage
{
	background-image: url("../images/ActiveTopLinkBackground.gif");
}

#Header a.NotThisPage 
{
	background-image: url("../images/InactiveTopLinkBackground.gif");
}

#Header p
{
	padding: 3px 3px 0px 0px;
	text-align: right;
}

#PaddingUnderHeader
{
	background-color: #006600;
	color: White;
	margin: 0px;
	padding: 3px 0px 0px 5px;
	height: 18px;
	font-size: 8pt;
}

#PaddingUnderHeader a
{
	background-color: inherit;
	color: White;
	text-decoration: underline;
}
/*****************************************
 * END HEADER AREA STYLES
 *****************************************/



/*****************************************
 * BEGIN MAIN CONTENT AREA STYLES
 *****************************************/
#MainContentViewPort
{
	padding: 0px 0px 20px 0px;
	margin: 0px;
	float: left;
	width: 575px; /* PageViewPort - RightColumnViewPort */
	background-repeat: no-repeat;
	background-position: right top;
	background-image: url("../images/MainContentViewPort_RoundedUpperRight.gif");
}

#MainContentViewPort p, #MainContentViewPort h1
{
	padding: 0px 15px 0px 15px;
	margin: 10px;
}

#MainContentViewPort h2.ContactPostion
{
	margin-left: 30px;
}

#MainContentViewPort ul.ContactList
{
	margin: 0px 15px 15px 30px;
	padding-left: 30px;
	color: #000000;
}

#ctl00_MainContentViewPortPlaceHolder_grdCompanyDirectory, #MainContentViewPort ul.MainContentViewPortOuterList
{
	padding: 0px;
	margin-left: 35px;
}

#MainContentViewPort li.MainContentViewPortOuterListItem
{
	margin-bottom: 15px;
}

#MainContentViewPort h1
{
	background-color: inherit;
	color: #FF6600;
	font-size: 16pt;
	font-weight: normal;
}

#MainContentViewPort h2
{
	padding: 0px;
	margin: 0px;
	font-weight:bold;
	font-size:12pt;
	color: #006600;
}

#MainContentViewPort a
{
	padding: 0px;
	margin: 0px;
	color: #006600;
	text-decoration:underline;
}

#MainContentViewPort .privacyQuestion
{
	padding: 0px;
	margin:0px;
	display: block;
	font-weight:bold;
	color: #006600;
}

#MainContentViewPort .privacyAnswer
{
	margin: 4px 0px 15px 10px;
	padding: 0px;
	display: block;
	text-align: justify
}

#MainContentViewPort img 
{
	padding: 0px;
	margin: 0px 8px 8px 0px;
}

#MainContentViewPort img.DistAndMfgHomePageLink
{
	margin: 0px;
	padding: 0px;
	border: none;
}

#MainContentViewPort #SmallLaunchButton
{
    margin: 0px;
}

#MainPageBuildingImage
{
	border: solid 1px #000000;
	float: left;
}

#OnlineCustomerApplicationsLogo
{
	float: left;
	clear: right;
}


.sessionExpiredContainer 
{
    background-color: #FC6;
    border: 2px solid #F93;
    margin: 20px auto 0;
    padding: 5px;
    text-align: center;
    width: 80%;
    -webkit-box-shadow: 3px 3px 4px #888888;
    -moz-box-shadow: 3px 3px 4px #888888;
    box-shadow: 3px 3px 4px #888888; /* CSS 3 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#888888')"; /* IE 8 */
}

.sessionExpiredContainer .sessionExpiredTitle
{
    font-weight: bold;
    margin-bottom: 5px;
}

/*** BEGIN CUSTOMER LOGIN BOX STYLES ***/
#ctl00_MainContentViewPortPlaceHolder_CustomerLogin
{
	width: 350px;
	margin: 0px auto;
	margin-top: 20px;
	padding: 0px;
	color: #800000;
	background-color: #CFECFC;
	border: solid 2px #4080B4;
}

#ctl00_MainContentViewPortPlaceHolder_CustomerLogin table /* the table inside is slightly narrower than the outside container, this helps provide some nice padding */
{
	margin: 0px auto;
	padding: 0px;
	width: 336px;
}

#ctl00_MainContentViewPortPlaceHolder_CustomerLogin tr, #ctl00_MainContentViewPortPlaceHolder_CustomerLogin td, #ctl00_MainContentViewPortPlaceHolder_CustomerLogin input
{
	margin: 0px;
	padding: 0px;
}

/** BEGIN USERNAME/PASSWORD STYLES **/
#ctl00_MainContentViewPortPlaceHolder_CustomerLogin td.UserNamePasswordRows
{
	padding: 5px 5px 5px 0px;
	width: 140px;
}

#ctl00_MainContentViewPortPlaceHolder_CustomerLogin td.UserNamePasswordRows label
{
	margin: 0px;
	padding: 0px;
	text-align: right;
	width: 100%;
	font-weight: bold;
	font-size: 12pt;
}

#ctl00_MainContentViewPortPlaceHolder_CustomerLogin_UserName, #ctl00_MainContentViewPortPlaceHolder_CustomerLogin_Password	/* The UserName/Password Textboxes */
{
	width: 160px;
	/* a feature i would like to implement but there is spacing issue to clean up first. */
	/*
	width: 200px;
	height: 20px;
	border-style: none;
	background: transparent;
	background-image: url("../images/CustomerLogin_TextFieldBG.gif");
	background-repeat: no-repeat;
	background-position: 0px center; */
}
/** END USERNAME/PASSWORD STYLES **/

/** BEGIN REMEMBER ME (and Login Button) STYLES **/
#ctl00_MainContentViewPortPlaceHolder_CustomerLogin td.CustomerLogin_RememberMe
{
	text-align: right;
	padding: 0px 0px 8px 0px;
}

#ctl00_MainContentViewPortPlaceHolder_CustomerLogin span.CustomerLogin_EntryError
{
	margin: 0px;
	padding: 0px 0px 0px 5px;
}

#ctl00_MainContentViewPortPlaceHolder_CustomerLogin td.CustomerLogin_RememberMe label
{
	padding: 0px 0px 0px 6px;
	margin: 0px;
	font-weight: normal;
	font-size: 10pt;
}

#ctl00_MainContentViewPortPlaceHolder_CustomerLogin input.CustomerLoginButton
{
	margin-top: 10px;
	margin-right: 3px;
	padding-bottom: 5px;
}
/** END REMEMBER ME (and Login Button) STYLES **/

/** BEGIN LOGIN HEADER STYLES **/
#ctl00_MainContentViewPortPlaceHolder_CustomerLogin td.CustomerLoginTitleText
{
	background-color: inherit;
	color: #006600;
	font-size: 18pt;
	font-weight: bold;
	text-align: left;
	margin: 0;
	padding: 8px 0px 0px 8px;
}

#ctl00_MainContentViewPortPlaceHolder_CustomerLogin td.CustomerLoginTitleText img
{
	margin: 0px;
	padding: 0px;
}

#ctl00_MainContentViewPortPlaceHolder_CustomerLogin #CustomerLoginFakeHR
{
	margin: 0px;
	padding: 0px;
	height: 15px;
	text-align: left;
	background-image: url("../images/CustomerLogin_HRBar.gif");
	background-position: left center;
	background-repeat: no-repeat;
}

#ctl00_MainContentViewPortPlaceHolder_CustomerLogin #CustomerLoginFakeHR hr
{
	margin: 0;
	padding: 0;
	text-align: center;
	display: none;
}
/** END LOGIN HEADER STYLES **/
/*** END CUSTOMER LOGIN BOX STYLES ***/

/*** BEGIN APPLICATION BOX STYLE ***/
#ApplicationBoxRow
{
	padding: 0 0 0 8px;
	clear: left;
}

#MainContentViewPort div.ApplicationBox
{
	margin: 0  10px 15px 10px;
	background-color: #FDFFFD;
	width: 253px;
	min-width: 253px;
	max-width: 253px;
	float: left;
}

#MainContentViewPort div.ApplicationBox *
{
	margin: 0;
	padding: 0;
}

#MainContentViewPort div.ApplicationBox p
{
    padding: 0 10px 10px 10px;
}

#MainContentViewPort div.ApplicationBoxHeader
{
	background: url("../images/ApplicationBox_TopBackGround.gif") no-repeat top left;
}

#MainContentViewPort div.ApplicationBoxHeader img
{
    padding: 9px 5px 0 10px;
	vertical-align: bottom;
}

#MainContentViewPort div.ApplicationBoxHeader .CustomerApplicationFakeHR
{
	height: 15px;
	text-align: center;
	background-image: url("../images/CustomerApplication_HRBar.gif");
	background-position: center;
	background-repeat: no-repeat;
}

#MainContentViewPort div.ApplicationBoxHeader hr
{
	display: none;
}

#MainContentViewPort div.ApplicationBox span
{
	color: #060;
	font-weight: bold;
	font-size: 1.2em;
	padding:  0 3px 0 5px;
	vertical-align: bottom;
}

div.ApplicationBox div.ApplicationBoxBody
{
	background: url("../images/ApplicationBox_BottomBackground.gif") no-repeat bottom left;
	font-size: 1.1em;
	font-weight: bold;
	color: #141716;
}

div.ApplicationBox p.ApplicationBoxLaunchButton
{
	text-align: right;
}

div.ApplicationBox p.ApplicationBoxLaunchButton img
{
     border-style: none;
}
/*** END APPLICATION BOX STYLE ***/
/*****************************************
 * END MAIN CONTENT AREA STYLES
 *****************************************/



/*****************************************
 * BEGIN RIGHT COLUMN AREA STYLES
 *****************************************/
#RightColumnViewPort
{
	background-color: White;
	color: inherit;	/* just to shut up the validator */
	width: 175px;
	margin: 0px;
	padding: 0px;
	float: left;
}

#RightColumnContactBox
{
	background-color: #006600;
	color: White;
	margin: 0px;
	padding: 0px 0px 1px 0px;	/* the 1px is to work around Trident based render bug, doesn't visualy hurt other browsers */
	background-position: left bottom;
	background-repeat: no-repeat;
	background-image: url("../images/ContactInformation_LowerLeft.gif");
}

#RightColumnContactBox div.ContactBlock 
{
	padding: 0px  10px 15px 15px;
	margin: 0px;
}

#RightColumnViewPort h1
{
	font-size: 10pt;
	border-bottom: dotted 1px #FF6600;
	padding: 0px;
	margin: 0px;
}

#RightColumnContactBox div.ContactBlock p.Address, #RightColumnContactBox div.ContactBlock div.Phone
{
	font-size: 8pt;
	padding: 5px 0px 0px 0px;
	margin: 0px;
}

#RightColumnContactBox div.ContactBlock div.Phone
{
	padding-top: 10px;
}

#RightColumnContactBox div.ContactBlock div.Phone div.PhoneLabel
{
	float: left;
	width: 55px;
}

#RightColumnContactBox div.ContactBlock div.Phone div.MoreLabel
{
	float: left;
	width: 100%;
}

#RightColumnContactBox div.ContactBlock a
{
	color: White;
	text-decoration: underline;
}

#RightColumnExtraArea
{
	background-color: #d7dddf;
	color: #800000;
	margin: 0px 0px 20px 0px;
	padding: 10px;
	background-position: left bottom;
	background-repeat: no-repeat;
	background-image: url("../images/RightColumnExtraArea_RoundedLowerLeft.gif");
}

#RightColumnExtraArea ul
{
	list-style-type: none;
	padding: 5px 0px 0px 0px;
	margin: 0px 0px 0px 5px;
}

#RightColumnExtraArea li
{
	background-repeat: no-repeat;
	background-position: left center;
	/* background-image: url("../images/GreenDiamond_Bullet.gif"); */
	background-image: url("../images/single_small_star.gif");
	padding-left: 20px;
	margin-top: 8px;
	padding-bottom: 2px;
}

/* This hover effect works in at least Gecko and Presto based browsers; Trident based browsers just ignore this feature. */
/* #RightColumnExtraArea li:hover
{
	background-image: url("../images/GreenDiamond_Bullet_Animated.gif");
} */

#RightColumnExtraArea a
{
	font-size: 8pt;
	background-color: inherit;
	color: #800000;
}

/* User Logged In Specific Styles */
#RightColumnExtraArea h1.UserWelcome
{
	font-size: 14pt;
	font-weight: normal;
}

#RightColumnExtraArea #ctl00_RightColumnExtraAreaPlaceHolder_UserName
{
	margin-left: 20px;
	font-weight: bold;
}

#RightColumnExtraArea #Logout
{
	margin-top: 15px;
	text-align: right;
}

#RightColumnExtraArea #Logout a:hover
{
	text-decoration: underline;
}
/*****************************************
 * END RIGHT COLUMN AREA STYLES
 *****************************************/



/*****************************************
 * BEGIN FOOOTER STYLES
 *****************************************/
#FooterViewPort
{
	background-color: #006600;
	color: Black;
	background-repeat: no-repeat;
	background-position: center top;
	background-image: url("../images/Footer_ArchedBackground.gif");
	padding: 0px;
	margin: 0px;
	height: 30px;
	clear: both;
}

#FooterViewPort #FooterLeft, #FooterViewPort #FooterRight
{
	float: left;
	width: 192px;
	text-align: center;
	font-size: 11px;
	font-family: "Courier New", Monospace;
}

#FooterViewPort #FooterMiddle
{
	float: left;
	width: 366px;
	text-align: center;
	padding-top: 5px;

}

#FooterViewPort #FooterMiddle span
{
	background-color: inherit;
	color: White;
	font-family: Georgia, Serif;
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
}

#FooterViewPort a
{
	color: Black;
	background-color: inherit;
}
/*****************************************
 * END FOOOTER STYLES
 *****************************************/