/* ##################
	Title:			CSS - System
	Created Date:	
	Updated Date:	
	Updated By:		VRao

	Comments:
		- Global 'System' CSS file
*/

@import "fonts.css";
@import "navigator.css";

html
{
	padding: 0px;
	margin: 0px;
}

body
{
	position: relative;
	width: 810px;
	padding: 0px;
	margin: 0px auto;
	z-index: 0;
	behavior: url(csshover3-source.htc);
}

/* Float Left */
#layerSite,
#layerContainer,
#layerContainerInner,
#layerContainerHeader,
#layerContainerHeaderLogo,
#layerContainerHeaderNav,
#layerContainerHeaderNavInner,
#topBannerContainer,
#layerContainerHeaderNavLeft,
#layerContainerHeaderNavRight,
#layerContainerHeaderNav ul,
#layerContainerHeaderNav ul li,
#layerContainerHeaderNav ul li a,
#layerContainerMain,
#layerComtaimderBreadCrump,
#layerComtaimderStandardBreadCrump,
#layerContainerHome,
#layerContainerMainCenter,
#layerContainerStandardCenter,
#layerContainerDownloadCenter,
#bottomSpacing,
#normalContent,
#infoFrame,
#footer,
#layerSiteFooter,
#layerSiteFooter ul,
#layerSiteFooter ul li,
#layerSiteFooter ul li a
{
	position: relative;
	float:left;
	width: 100%;
	height: auto;
	margin: 0px;
	padding: 0px;
	z-index: auto;
}

#layerContainerInner
{
	width: 800px;
}

#layerContainer
{
	padding: 0px 0px 0px 6px;
	background: url(../../../../images/furniture/background.png) repeat-y;	
}

#bottomSpacing
{
	margin-top: 40%;	
}

#fotterBottom
{
	margin-top: 10%
}

#layerContainerHeader
{
}

#layerContainerHeaderLogo
{
	width: 201px;
	padding: 10px 16px 0px;
}



/* Top Global Navigation */
#layerContainerHeaderNav
{
	float: right;
	width: 100%;
}

#layerContainerHeaderNavInner
{
	float: right;
	width: auto;
	margin: 0px 20px 0px;
}

#layerContainerHeaderNavLeft
{
	float: right;
	width: 7px;
	height: 25px;
	background: #9CB774 url(../../../../images/furniture/left_tab_graphic.gif) no-repeat;
}

#layerContainerHeaderNavRight
{
	float: right;
	width: 7px;
	height: 25px;
	background: #9CB774 url(../../../../images/furniture/right_tab_graphic.gif) no-repeat;
}

#topBannerContainer
{
	text-align:center;
	padding: 5px;
}

#lang-links ul,
#lang-links ul li,
#layerContainerHeaderNav ul,
#layerContainerHeaderNav ul li,
#layerSiteFooter ul,
#layerSiteFooter ul li
{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

#lang-links ul,
#lang-links ul li,
#layerContainerHeaderNav ul,
#layerContainerHeaderNav ul li,
#layerContainerHeaderNav ul li a
{
	width: auto;
}

#layerContainerHeaderNav ul
{
	float: right;
	padding: 5px 0px 6px 0px;
	height: 14px;
	background: #9CB774 url(../../../../images/furniture/tab_graphic_background.gif) repeat-x;
}

#layerContainerHeaderNav ul li a
{
	padding: 0px 10px;
	text-decoration: none;
	border-right: 1px solid #FFF;
}

#layerContainerHeaderNav ul li a.last
{
	padding: 0px 7px 0px 10px;
}

#layerContainerHeaderNav ul li a:hover
{
	text-decoration: underline;
}

#layerSiteFooter ul
{
	margin-left: 15px;
	background-color: #F32458;
	width: 95%;
	text-align: center;
	padding: 5px;
}

#lang-links ul li,
#layerSiteFooter ul li
{	
	display: inline;
	padding: 10px;
}

#layerSiteFooter ul li,
#layerSiteFooter ul li a
{
	float: none;
}

#layerSiteFooter ul li a
{
	padding: 0px 7px;
	text-decoration: none;
	border-right: 1px solid #666;
}

#layerContainerHeaderNav ul li a.last,
#layerSiteFooter ul li a.last
{
	border-right: 0px solid #FFF;
}

#layerSiteFooter ul li a:hover
{
	text-decoration: underline;
}

#layerContainerMain
{
	/*margin: 10px 0px 0px;*/
	margin: 10px 0px 0px;
}

#courseSearchbtn 
{
	padding: 5px;
	width: 150px;
}

#layerComtaimderBreadCrump
{
	/*background-color: #F7F7F7;*/
	margin-left: 50px;
	width: 700px;
	padding: 5px 10px;	
}

#layerComtaimderStandardBreadCrump
{
	width:600px;
	padding: 3px 8px 10px 8px;
	background: url(../../../../images/furniture/standardTopNavigation.jpg) no-repeat;
}

#layerContainerHome
{
	width: 800px;
    margin-top: 40%;
	padding: 10px;	
	text-align: center;	
}

#layerContainerHome ul
{
	list-style-image: url("../../../../images/furniture/IDPtick.gif");
}

#layerContainerHome li
{
	list-style-image: url("../../../../images/furniture/IDPtick.gif");
	padding-left:8px;
	padding-bottom: 10px;	
	vertical-align:text-top;
}

#layerContainerMainCenter
{
	width: 700px;	
	padding: 10px;	
	/*text-indent: 50px;*/
	margin-left: 20px;
}

#layerContainerMainCenter ul
{
	list-style-image: url("../../../../images/furniture/IDPtick.gif");
}

#layerContainerMainCenter li
{
	list-style-image: url("../../../../images/furniture/IDPtick.gif");
	padding-left:8px;
	padding-bottom: 10px;	
	vertical-align:text-top;
}

#layerContainerStandardCenter
{
	width: 600px;	
	padding: 12px 10px 0px 10px;
	text-indent: 5px;
	background: url(../../../../images/furniture/standardMainTopFrame.jpg) no-repeat;	
}

#layerContainerStandardCenter ul
{
	list-style-image: url("../../../../images/furniture/IDPtick.gif");
}

#layerContainerStandardCenter li
{
	list-style-image: url("../../../../images/furniture/IDPtick.gif");
	padding-left:8px;
	padding-bottom: 10px;	
	vertical-align:text-top;
}

#layerContainerDownloadCenter
{
	width: 600px;	
	padding: 12px 10px 10px 10px;
	background: url(../../../../images/furniture/standardMainTopFrame.jpg) no-repeat;
}

#downloadArea
{
	margin: 20px;
}

#layerSiteFooter
{
	padding-bottom: 20px;
}

#normalContent
{
	width: 560px;
	margin-top: 15px;	
	padding: 12px 28px 10px 10px;
	text-indent: 5px;
	line-height:15px;
}

/* Whats new */
#whatNewTop
{
	background: url(../../../../images/furniture/whatsnewTop.jpg) no-repeat;
	width: 175px;
	height: 51px;
}

#whatNewTop h3
{
	padding: 15px 0px 0px 0px;
	/*padding: 15px 0px 0px 0px;*/
	margin-top: 2px;
	vertical-align:middle;
	text-align:center;
}

#whatNewContent
{
	background: url(../../../../images/furniture/whatsnewMiddle.jpg) no-repeat scroll 0 bottom;
	width: 175px;
	margin-top: -1px;
}

#whatNewContent h4
{
	margin: 5px;	
	padding: 0px 10px 5px 10px;
}

#blankBox
{
	background: url(../../../../images/furniture/blankBox.jpg) repeat scroll 0 0;
    clear:left;
	width: 175px;
	height: 155px;
}


#blankBox h5
{	
	margin-top: 10px;
	padding: 10px;
}

/* Code for AJAX */

#collapsePanelHeader
{	
	width: 276px;		
	background: url(../../../../images/furniture/smallInfoTitleBar.jpg) no-repeat;
	padding:5px 10px 5px 10px; 
	vertical-align: text-top;
	margin-bottom:2px;
}

#collapsePanel  
{	
	background: url(../../../../images/furniture/smallContent_Box.gif) no-repeat scroll 0 bottom;
	width: 275px;	
}

#collapsePanelServiceHeader
{			
	width: 521px;		
	background: url(../../../../images/furniture/infoTitleBar.jpg) no-repeat;	
	vertical-align: text-top;
	padding: 5px 10px 5px 10px;
}

#collapseServicePanel  
{	
	background: url(../../../../images/furniture/content_Box.gif) no-repeat scroll 0 bottom;
	width: 520px;
}

#panelContent
{
	padding: 10px;
}

#sub-col1 
{
	padding-right: 1px;	
	display:inline;
}

#sub-col2 
{
	margin-left: 1px;
	padding-right: 2px;
	display:inline;
}


#sub-col1, #sub-col2 
{
	float:left;
	width:276px;
	display:inline;
}

#sub-col1, #sub-col2 
{
	padding: 5px;
	display:inline;	
}

#footerRed
{
	color: #fff;
	margin-left: 15px;
	background-color: #F32458;
	width: 95%;
	text-align: center;
	padding: 3px;	
	border-bottom: 2px solid #fff;
}

#footerBlue
{
	color: #fff;
	margin-left: 15px;
	background-color: #35349D;
	width: 95%;
	text-align: center;
	padding: 3px;	
}