@charset "utf-8";
/* CSS Document */
/****************************************************************************************************
* Filename: layout.css
* Purpose: All the CSS Rules required to design web pages.
* Author: Suraj Naik n[dot]suraj[at]cssaglobal[dot]com
****************************************************************************************************/
/* BODY, FONT AND COLOR, GLOBAL	(id=GENERIC)
**********************************************************/
body {font:normal 11px Verdana; color:#000; text-align:left; background:url(../images/pageBg.png) top no-repeat center}
/* global reset */
body,form,h1,h2,h3,h4,h5,h6,p {padding:0; margin:0}
h1,h2,h3,h4,h5,h6,label,a {/*text-transform:capitalize;*/ text-decoration:none}
a {color:#FF8916; font-weight:bold; text-decoration:none}
/*a:hover {color:#ff8916; text-decoration:underline}*/
a:hover {color:#ff8916;}
a:active, a:focus {outline:0} /* to avoid link borders on new browsers */
img {border:none}

/* 	HEADER ELEMENTS STYLING	(id=HEADERS)
**********************************************************/
/* H1 */

/* H2 */

/* H3 */

/* 	ALL IDS (id=IDS)
**********************************************************/
#wrapper {margin:0 auto; width:952px}
#header  {width:100%;height:148px; background:url(../images/bg2.gif) 0 0 no-repeat}
#header  .img1 {margin-top:6px; margin-right:8px;}
#header  .img2 {margin-top:8px; margin-right:10px; padding-top:2px}
#logo    {float:left; width:232px; padding-top:24px}
#logo span {color:#069601; font-size:13px; display:block}
#logo a.login {color:#fd8e1d; font-size:13px; background:none; height:16px}
#logo a.login:hover {text-decoration:underline}
#logo a {display:block; width:232px; height:56px; background:url(../images/logo.gif) 0 0 no-repeat}
#logo a:hover {text-decoration:none}
a.link1 {font-size:13px; font-weight:bold; color:#fd8e1d; padding-top:78px; float:left; margin-left:10px}
/*#links {float:right; width:604px; padding-top:78px}*/
#links {float:right; width:516px; padding-top:78px; position:relative}
/*#links {float:right; width:465px; padding-top:78px; position:relative}*/
/*#links a.blog {position:absolute; top:0; right:0; display:block; width:226px; height:89px; z-index:0}*/
#links a.blog {position:absolute; top:0; right:0; display:block; width:226px; height:77px; z-index:0}
#links a.blog:hover {text-decoration:none}
#links a {font-size:14px; font-weight:bold; color:#fd8e1d}
#links a.first {padding-right:15px}
#links a.second {padding-right:25px}
#links a:hover, a.link1:hover {text-decoration:none}
#globNav {float:left; width:790px; margin-top:22px}
#languages {float:left; width:160px; text-align:right; margin-top:18px}
#languages a {float:right}
#maincont {padding-top:2px; padding-bottom:20px}
#maincontInn {padding-bottom:40px}
#content {float:left; width:519px; min-height:250px; text-align:center}
#sidebar {float:right; width:420px; min-height:250px}
#content1 {float:left; width:674px; min-height:250px}
#sidebar1 {float:right; width:278px; min-height:250px}
#sidebar11 {float:right; width:278px; min-height:250px}
/* 	MAIN MODULES (id=MAINMODS)
**********************************************************/
/* -------------->MENUS< -------------- */ 
ul.topnav {list-style:none; padding:0 0 0 9px; margin:0}
ul.topnav li {display:inline}
ul.topnav a  {padding:0 15px 0 0; color:#000; display:block; float:left; font-size:13px; font-weight:bold;} 
ul.topnav a.last {padding:0}
ul.topnav a:hover {color:#ff8916}
ul.topnav a.active {color:#ff8916}

/* -------------->LISTINGS< -------------- */ 



ul.list2 {margin:0; padding:0; list-style:none}
ul.list2 li {display:inline; float:left}
ul.list2 li a {padding-left:15px; font-size:13px; color:#000; display:block; float:left}
ul.list2 li a span {height:27px; display:block; float:left; line-height:27px; padding-right:20px}
ul.list2 li a:hover {text-decoration:none}
ul.list2 li a:hover span {cursor:pointer}
ul.list2 li a.active {background:#fff url(../images/bg4.gif) 0 0 no-repeat}
ul.list2 li a.active span {background:#fff url(../images/bg5.gif) 100% 0 no-repeat}
/* -------------->FORMS< -------------- */ 
/*project listing*/
ul.proList {margin:0 0 20px 0; padding:0; list-style:none; border-top:1px dotted #bdbdbd}
ul.proList li {padding:15px 0 20px 0; border-bottom:1px dotted #bdbdbd}
ul.proList li img {float:left; border:1px solid #bdbdbd; margin-right:9px}
ul.proList li .txtDv1 {float:left; width:220px; margin-right:10px; display:inline}
ul.proList li .txtDv1 h3 a {font:bold 22px Arial, Helvetica, sans-serif; color:#ff9c4a; padding-bottom:12px; line-height:1; display:block}
ul.proList li .txtDv1 h3 a:hover {text-decoration:none; color:#069601} 
ul.proList li .txtDv1 p {font:bold 13px Arial, Helvetica, sans-serif; color:#616c68; padding-bottom:12px}
ul.proList li .txtDv1 p.gryTxt {color:#aba9b4; font-size:12px}

ul.proList li .txtDv2 {float:left; width:175px; text-align:center; margin-right:10px; display:inline}
ul.proList li .txtDv2 h3 {font:normal 19px Arial, Helvetica, sans-serif; color:#aba9b4; padding-bottom:11px}
ul.proList li .txtDv2 p.gryTxt1 {color:#616c68; font:bold 14px Arial, Helvetica, sans-serif}
ul.proList li .txtDv2 p.date {color:#aba9b4; font:bold 26px Arial, Helvetica, sans-serif; padding-bottom:9px}

ul.proList li .txtDv3 {float:left; width:123px; text-align:center; display:inline}
ul.proList li .txtDv3 p.num {color:#ff9c4a; font-size:30px; padding-top:9px; font-weight:bold}
ul.proList li .txtDv3 p {color:#000; font-size:13px; padding-top:20px; font-weight:bold}

/* -------------->GRIDS< -------------- */ 
#illust {margin-bottom:51px}
#content  .illust {background:url(../images/bg1.gif) 0 0 no-repeat; width:163px; height:208px; text-align:center; font:bold 20px Arial, Helvetica, sans-serif; color:#000; margin-right:15px; float:left; padding:18px 0 0 0}
#content  .lastill {margin:0}
#content  .illust img {padding-bottom:21px}
#content  .illust p {padding-bottom:17px}
#content  .illust span {color:#fd8e1d}


#sidebar h1.headingOne {font:normal 26px Arial, Helvetica, sans-serif; color:#000; padding-bottom:31px; text-align:center}
#sidebar .graph {padding-left:53px}
.txtLinkDv {text-align:center; width:450px}
.txtLinkDv .txtLftpad {padding-left:40px}
.txtLinkDv h1 {font:normal 30px Arial, Helvetica, sans-serif; color:#ff8916; padding-bottom:5px}
.txtLinkDv a.bigLink {font:normal 20px Arial, Helvetica, sans-serif; color:#000}

/*.BusiCont11 {padding-top:36px}*/

/*.BusiCont {padding-top:36px}*/
.BusiCont  .topPad{padding-top:36px}
.BusiCont  .Business {padding:12px 12px 0 0}
.BusiCont  .Business h2 {font-size:20px; font-weight:bold; color:#000; padding-bottom:6px}
.BusiCont  .Business label {color:#000; cursor:pointer; font:bold 13px Arial, Helvetica, sans-serif; padding-right:3px}
.BusiCont  .Business .BrdCls {border:1px solid #c9f8ce; padding:2px 2px 10px 2px}
.BusiCont  .Business .protbl {font-size:13px; color:#000; margin-bottom:5px}
.BusiCont  .Business .protbl th {background:#d9eabe; font-weight:bold; padding:5px 5px 5px 8px}
.BusiCont  .Business .protbl td {padding:5px 5px 5px 8px}
.BusiCont  .Business .protbl td.grnTxt  a {color:#00770b; font-weight:normal}
.BusiCont  .Business ul.paging {margin:0; padding:0; list-style:none; float:right}
.BusiCont  .Business ul.paging li {display:inline}
.BusiCont  .Business ul.paging li a {color:#000; font-size:12px; padding-right:5px}
.BusiCont  .Business ul.paging li a:hover {text-decoration:underline}

#sidebar1 h1 {font:bold 26px Arial, Helvetica, sans-serif; color:#000; padding-bottom:5px; padding-left:20px}
.sidebar1 {padding:20px; min-height:450px}
.sidebar1 .listCls {padding-bottom:10px}
.sidebar1 .listCls h3 {font-size:18px; color:#000; font-weight:bold; margin-bottom:12px}
.sidebar1 .listCls ul.orgList {margin:0; padding:0 0 0 17px; list-style:none}
.sidebar1 .listCls ul.orgList li a {color:#ff8916; margin-bottom:8px; display:block; font-size:13px}
.list1 {font:bold 13px Arial, Helvetica, sans-serif; color:#000}
/* -------------->MODS< -------------- */ 
/* ROUNDED CORNERS */
.ModTop1, .ModTop1 div, .ModEnd1, .ModEnd1 div, .ModTop2, .ModTop2 div, .ModEnd2, .ModEnd2 div {background:url(../images/sprite.png)  no-repeat}
.ModTop1 {background-position:0 0 ; padding-left:12px}
.ModTop1 div {background-position:100% 0; height:10px}
.ModEnd1 {background-position:0 -11px; padding-left:12px}
.ModEnd1 div {background-position:100% -11px; height:12px}

.ModBg1 {background:url(../images/bg3.gif) 0 0 repeat-y; padding-left:12px}
.ModBg1 div.bg1 {background:url(../images/bg3.gif) 100% 0 repeat-y}

.ModTop2 {background-position:0 -23px ; padding-left:23px}
.ModTop2 div {background-position:100% -23px; height:28px; padding-top:14px}
.ModEnd2 {background-position:0 -64px; padding-left:12px}
.ModEnd2 div {background-position:100% -64px; height:20px}

/* BORDERS */

/* BACKGROUNDS */

/* COLUMNS (id=COLS)
**********************************************************/




/* ALL TEXT CSS	(id=TEXTAll)
**********************************************************/
/* font SIZES */
.vsmlTxt{font-size:10px}
.smlTxt{font-size:11px}
.para{font-size:12px}
.big{font-size:18px}
/*font WEIGHTS */
.strong {font-weight:bold} 
.normTxt, .normTxt a {font-weight:normal}
/* text TRANSFORMS */
.allCaps {text-transform:capitalize}
.upperCase {text-transform:uppercase}
.textU, .textU a{text-decoration:underline}
/* text ALIGN & content ALIGN for inline level ELEMENTS */
.centerAll {text-align:center}
.alignLeft {text-align:left}
.alignRight {text-align:right}
.justify {text-align:justify}
/* colored text */
.clrOne {} /* for green color */
/* a TAGS, BUTTONS */

/* 	REQUIRED PADDINGS / MARGINS (id=PADS)
**********************************************************/
/* paddings */
.padOne {padding:8px}
.padBtm {padding-bottom:5px}

/* matgins */
.marginTop {margin-top:10px}
.marginBtm {margin-bottom:10px}

/* 	MISCELLANEOUS (id=MISC)
**********************************************************/
.clr {clear:both; overflow:hidden; padding:0; margin:0; height:0}
.fl {float:left}
.fr {float:right}
.posrel {position:relative}
.clearfix:after, .container:after {content:"\0020"; display:block; height:0; clear:both; visibility:hidden; overflow:hidden}
.clearfix, .container {display: block}




#sidebar11 h1 {font:bold 26px Arial, Helvetica, sans-serif; color:#000; padding-bottom:5px; padding-left:20px}
.sidebar11 {padding-top:20px;}
.sidebar11 .listCls {padding-bottom:10px}
.sidebar11 .listCls h3 {font-size:18px; color:#000; font-weight:bold; margin-bottom:12px}
.sidebar11 .listCls ul.orgList {margin:0; padding:0 0 0 17px; list-style:none}
.sidebar11 .listCls ul.orgList li a {color:#ff8916; margin-bottom:8px; display:block; font-size:13px}

.input2A {background:url(../images/inputbg.gif) no-repeat;padding:10px 4px}
.bdnone {border:none; width:180px}
.error {color:#ff840b}

.input {background:url(../images/search_icn.gif) left no-repeat; border:1px solid #b7b7b7; padding:3px 3px 3px 25px}
.clrTwo {color:#008c20}
.input1 {background:#f3f3f3; border:1px solid #cccccc; padding:4px}

ul.vertcleOne {padding:0; margin:0 0 5px 0}

ul.vertcleOne li {list-style:none; display:block; margin-bottom:5px;width:259px}
ul.vertcleOne li a {color:#666666; display:block; /*background:url(../images/site/listing_img.gif) left no-repeat;*/ padding:5px 0 5px 10px; font-weight:normal; font-size:12px; margin-left:10px}
ul.vertcleOne li a:hover {text-decoration:none; color:#026d02; background:#e8ffe8}
ul.vertcleOne li a.active {color:#666666; background:#D9EABE; font-weight:bold /*background:#e3ffe3;*/ ; color:#026d02}



.button {background:url(../images/buttonbg.gif) no-repeat left top; border:medium none; color:#fff; font-weight:bold; height:27px; padding:0 0 4px 11px; cursor:pointer; font-size:12px;}
.buttonEnding{background:url(../images/buttonbg.gif) no-repeat right top; height:27px; position:absolute; display:inline; padding-left:0; width:10px}

a.buttonNew1 {background:url(../images/buttonbg.gif) no-repeat left top; float:left; display:block; border:medium none; color:#fff; font-weight:bold; height:28px; padding:0 0 0 5px; cursor:pointer; font-size:12px; font-weight:bold; }
a.buttonNew1 span {background:url(../images/buttonbg.gif) no-repeat right top; border:medium none; color:#fff; font-weight:bold; height:28px; padding:0 0 0 7px; cursor:pointer; font-size:12px; font-weight:bold; float:left; display:block; line-height:25px; padding-right:10px}

.select {border:1px solid #cccccc; padding:2px} 
.contentpage{padding:20px;}
.bluetxt {color:#0072ff}

.padTd td {padding:6px}

.greentxt {color:#026d02}

.brdBTM {border-bottom:1px solid #e5e5e5}
.paddingTop {padding-top:10px}
.padBtm {padding-bottom:10px}

.learn {color:#FD8E1D}
.post {color:#AAAAAA}

.industryfont {font-size:13px;}
.industryfont a{color:#000;}
.industryfont a:hover{color:#FF8916;}
.customer{font:normal 20px Arial, Helvetica, sans-serif; color:#000}

/***Ny forside**/
.forside {width:889px; margin:0 auto}
.forside .forsidecol {float:left; width:318px; margin-right:16px; padding-top:31px; text-align:center; height:135px; background:url(../images/bg6.gif) 0 0 no-repeat; margin-top:30px}
.forside .forsidecol h3 {font-size:25px; font-weight:normal; color:#000; padding-bottom:7px}
.forside .forsidecol h3 span {color:#ff9f4b; font-weight:bold; padding-bottom:3px; display:
block}
.forside .forsidecol h3 a {color:#ff9f4b; font-weight:bold; display:block}
/*.forside .forsidecol h3 a:hover {color:#4f423c} */
.forside .forsidecol1 {float:left; width:195px; margin-right:26px}
 .graph1 {width:210px; margin:18px auto 0 auto}
 .graph1 h4 {font-size:15px; color:#000; padding:0 0 15px 49px}

/*.inputpost {border:1px solid #b7b7b7; padding:3px 3px 3px 1px}*/



.meter {
background:#FFFFFF url(../images/bg_progress_meter_2x1.gif) repeat-x scroll 0pt;
border:1px solid #000000;
display:block;
height:12px;
margin-right:5px;
width:100px;
}

.msg{color:#FF8916}

.buttondelete { background:transparent url(../images/delete.png) no-repeat scroll 0 1px; border:none; cursor:pointer; margin-left:6px; vertical-align:middle;}