﻿*       { line-height: 16px; margin: 0px; padding: 0px; font-family: Verdana, Tahoma, Arial; font-size: 11px; color: black; }
body    { background: #314965 url(../Images/IndexMaster/bg.jpg) repeat-x top left; text-align: center; }

/* DEFAULT */
table       { border-collapse: collapse; padding: 0px; }
table, td   { vertical-align: top; text-align: left; }
img, table  { border: none; }
ul, li      { color: Black; }
img         { border: 0px; }
a, a:link, a:active, a:visited 
            { color: #09235e; text-decoration: underline; cursor: pointer; }
a:hover     { color: #09235e; text-decoration: none; }

h1      { color: #000000; font-size: 14px; margin: 0 0 10px 0; }
h2.blue { font-family: Verdana, Tahoma; font-size: 12px; color: #0f2e6e; }
h3      {  }
h3 span { font-size: 15px; font-weight: bold; color: #0069ba !important; }

/* GENERALS */
.aL             { text-align: left; }
.aR             { text-align: right; }
.aC             { text-align: center; }

.vaT            { vertical-align: top; }
.vaB            { vertical-align: bottom; }
.vaM            { vertical-align: middle; }

.fL             { float: left; }
.fR             { float: right; }
.cB             { clear: both; }

.p100           { width: 100%; }
.p50		{ width: 50%; }

.justify        { text-align: justify; }

.pb-0           { padding-bottom: 0px; }
.pb-5           { padding-bottom: 5px; }
.pb-10          { padding-bottom: 10px; }
.pb-15          { padding-bottom: 15px; }  
.pb-20          { padding-bottom: 20px; }

.pt-0           { padding-top: 0px; }
.pt-5           { padding-top: 5px; }
.pt-10          { padding-top: 10px; }
.pt-15          { padding-top: 15px; }  
.pt-20          { padding-top: 20px; }

.pl-0           { padding-left: 0px; }
.pl-5           { padding-left: 5px; }
.pl-10          { padding-left: 10px; }
.pl-15          { padding-left: 15px; }  
.pl-20          { padding-left: 20px; }

.pr-0           { padding-right: 0px; }
.pr-5           { padding-right: 5px; }
.pr-10          { padding-right: 10px; }
.pr-15          { padding-right: 15px; }  
.pr-20          { padding-right: 20px; }

.p-0            { padding: 0px; }
.p-5            { padding: 5px; }
.p-10           { padding: 10px; }
.p-15           { padding: 15px; }  
.p-20           { padding: 20px; }

.ml-15          { margin-left: 15px; }
.mb-15          { margin-bottom: 15px; }

.blc            { display: block; }
.bold	{ font-weight: bold; }


.strongBlue     { color: #09235e; font-weight: bold; }
.light-green { color: #86ac00 !important; }
.blue { color: #1654bf !important; }
.white { color: White; }

.readmore-ico { padding-right: 5px; vertical-align: middle; }

#wrapper {  width: 930px; position: relative; margin: auto; }

/* all site container */
#all { width: 930px; margin: auto; text-align: center;  }
.fx #all {  margin-top: 2px; }


            
/* left & right margin for top background */
#leftMargin     { width: 64px; }
#rightMargin    { width: 67px; /*background: transparent url(../Images/IndexMaster/old_rightMargin.jpg) no-repeat top;*/ }

/* container for site */
#center { width: 799px; }

/*--- TOP (UI/MastersControls/Header.ascx) ---*/
#topAboveBG     { width: 764px; height: 65px; }
#topLeftBorder  { width: 19px; height: 225px; background: transparent url(../Images/IndexMaster/topLeftBorder.jpg) no-repeat top left; }
#topRightBorder { width: 16px; height: 225px; /*background: transparent url(../Images/IndexMaster/topRightBorder.jpg) no-repeat top left;*/ }
#top            { width: 764px; height: 161px; }

	.masterWithoutBanner #topAboveBG { height: 8px; }
	.masterWithoutBanner #topLeftBorder, .masterWithoutBanner #topRightBorder { height: 170px; }
	
#sitemap        { vertical-align: middle; padding-left: 10px; background: transparent url(../Images/IndexMaster/sitemapBg.jpg) no-repeat top left; width: 764px; height: 26px; }
#sitemap span   { color: White; font-size: 10px; }
#sitemap a      { color: #e49b0b; text-decoration: underline; font-size: 10px; }

#topBG			{ width: 764px; height: 135px; background: transparent url(../Images/IndexMaster/topBG2.jpg) no-repeat top left; }
#LeftBannerPadding { padding-left: 23px; }
#logo           { width: 165px; height: 113px; background: transparent url(../Images/IndexMaster/logo.png) no-repeat; }
/*--- end of 'TOP' ---*/


/*--- MENU (UI/MastersControls/Menu.ascx) ---*/
#menu               { width: 100%; height: 59px; background: transparent url(../Images/IndexMaster/menuBg.jpg) repeat-x; margin-bottom: 3px; }
.fx #menu { margin-bottom: 5px; }
#menu .leftBorder   { height: 59px; width: 19px; background: transparent url(../Images/IndexMaster/menuLeftBorder.jpg) no-repeat scroll -9px 0 transparent; }
	.masterWithoutBanner #menu .leftBorder   { background: transparent url(../Images/IndexMaster/menuLeftBorder.jpg) no-repeat scroll -10px 0 transparent; }
#menu .rightBorder  { height: 59px; width: 15px; background: transparent url(../Images/IndexMaster/menuRightBorder.jpg) no-repeat scroll 7px 0 transparent; }
	.masterWithoutBanner #menu .rightBorder  { background: transparent url(../Images/IndexMaster/menuRightBorder.jpg) no-repeat scroll 8px 0 transparent; }
#menu .menuLinksContainer 
                    { width: 764px; height: 56px; vertical-align: middle; padding-top: 4px; }
#menu a, #menu a:link, #menu a:active, #menu a:visited
                    { font-weight: bold; text-decoration: none; color: White; font-family: "Trebuchet MS"; font-size: 13px; }
#menu a:hover       { text-decoration: underline; color: White; }
#menu a, #menu a img 
                    { vertical-align: middle; padding: 0 15px 0 5px; }
#menu img.solutions { padding-top: 4px; }
#menu img.projects  { padding-bottom: 5px; }
/*--- end of 'MENU' ---*/

.newWidth { width: 820px !important; }

/*--- CONTENT (all masters) ---*/
#content            { background-color: #131f2e; color: Black; width: 920px; }
#content p, #content span 
                    { color: Black; }
#content .margin    { padding: 11px; }

#content .whiteBox  { background-color: White; width: 100%; }
#content .whiteBoxBG 
                    { background: url(../Images/IndexMaster/whiteBoxBG.jpg) repeat-x; width: 100%; }
#content .h1        { height: 35px; background-color: #131f2e; width: 100%; vertical-align: bottom; }
#content .h1 span   { color: white; display: block; padding: 0 0 0 15px; font-family: Verdana, Tahoma; font-size: 150%; }
#content .top       { height: 20px !important; }
/*--- end of 'CONTENT' ---*/


/*--- FOOTER - (UI/MastersControls/Footer.ascx) ---*/
#footer             { width: 100%; height: 8px; background-color: #131f2e; }
#footer .leftCorner { width: 100%; height: 8px; background: transparent url(../Images/IndexMaster/footerLeftCorner.jpg) no-repeat bottom left; }
#footer .rightCorner 
                    { width: 100%; height: 8px; background: transparent url(../Images/IndexMaster/footerRightCorner.jpg) no-repeat right bottom; color: #e5e5e5; text-align: right; }
.footer p           { padding: 8px 10px 10px 0; }
/*--- end of 'FOOTER' ---*/


/*--- NEWS (styles for news block - (UI/MastersControls/LatestNewsAndTutorials.ascx)) ---*/ 
#homeNews       { padding-bottom: 15px; width: 800px;}
#homeNews .news { padding: 15px 10px 0 18px;}
	.team_career #homeNews .news { padding: 15px 40px 0 0px;}
#homeNews h3    { line-height: 14px; color: #2f3945; font-weight: normal; display: block; font-size: 15px; padding: 0 0 3px 0; border-bottom: 1px solid #e5e5e5; }
#homeNews p     { line-height: 14px; text-align: justify; padding: 0px 0 0 0; display: block; }
#homeNews a     { padding-top: 5px; display: block; }
#homeNews span  { padding: 4px 0px; color: Gray; clear: both; }
#homeNews span span { font-weight: bold; color: #595959; }
#homeNews .img  { width: 80px; height: 80px; border: 1px solid gray; text-align: center; margin-right: 10px; }
#homeNews img   { padding-left: 5px; }
/*#homeNews .news img       { clear: left; }
#homeNews .news h3, #homeNews .news p, #homeNews .news a { float: left; margin: 0px !important; padding: 0px !important; } */
/*--- end of 'NEWS' ---*/


/*--- end of 'TUTORIALS' (styles for tutorials block - (UI/MastersControls/LatestNewsAndTutorials.ascx)) ---*/
#homeTutorials .container 
                    { padding: 10px 10px 0 15px; }
#homeTutorials ul   { width: 100%; }
#homeTutorials li   { border-bottom: 1px dotted #e5e5e5; padding-bottom: 8px; }
#homeTutorials h3   { display: block !important; color: #8d5140 !important; padding: 5px 0 0px 0 !important; font-weight: normal !important; }
#homeTutorials span { display: block; color: Gray; }
/*--- end of 'TUTORIALS' ---*/

.xaioe td { text-align: center; padding: 10px 0px 10px 0px; }

.request th { width: 25%; font-weight: normal; }
.request td { width: 75%; }
.request input[type=text] { width: 300px; }
.request h1 { margin-top: 20px; }

#solutions img { vertical-align: middle; padding-right: 8px; }
#solutions a { font-size: 15px; font-weight: bold; text-decoration: none; padding: 10px; }
#solutions a:hover { border: 1px dashed gray; }

#our-clients h1 { clear: both; }
#our-clients img { float: left; padding: 10px; }
#our-clients td { padding-bottom: 40px; }
#our-clients p { text-align: justify; width: 54%; float: right; }
h1.title { font-size: 13px; text-transform: uppercase; padding-bottom: 1px; border-bottom: 1px solid gray; }

#rightpnl h1 { border-bottom: 0px; }
#rightpnl h1 a { font-size: 14px; text-decoration: none; }
#rightpnl .border { border-bottom: 1px solid gray; display: block; clear: both; padding-bottom: 7px; padding-top: 7px; }

.table-design { margin-top: 20px; }
.table-design th { padding: 10px; background: #ececec; }
.table-design td { padding: 10px; border-bottom: 1px solid #ececec; border-right: 1px solid #ececec; }

#newsDtl p
{
	margin-bottom: 10px;	
}

#newsDtl h2
{
	margin-top: 10px;
	margin-bottom: 10px;	
}

#newsDtl ul, #newsDtl ol
{
	margin-left: 20px;	
	margin-bottom: 10px;
}