@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
****************************************************************************************************/

/*  search for anything
global declarations = GENERIC, H1 TO H6 styling	= HEAD, changeable content = CONTENT, navs / listings	= NAVS,
mdoules = ARTICLE, plain bg colors = BGS, gradients = GRADS, borders = BORDERS, visual containers	= ROUNDS,
text, fonts, = TEXTALL, form, input	= INPUT, footer = FOOTER, Miscellaneous = MISC,


/* BODY, FONT AND COLOR, GLOBAL	(id=GENERIC)
**********************************************************/
body {font-style:normal;font-size: 11px;font-family: "lucida sans", tahoma, verdana, arial, sans-serif; color:#666666; text-align:left; 
background:#00B9E9;background-image:url(../images/home_bg.png);background-repeat: no-repeat;
background-position:center top;
}
/* global reset */
body,form,h1,h2,h3,h4,h5,h6,p {padding:0; margin:0}
h1,h2,h3,h4,h5,h6,label,a { text-decoration:none}
a {color:#3399CC; text-decoration:none}
a:hover {text-decoration:underline}
a:active, a:focus {outline:0} /* to avoid link borders on new browsers */
img {border:none}
/*ul,li {padding:0; margin:0; list-style:none}
li {display:inline}*/
p {line-height:150%}
.blueText {color:#006699; text-decoration:none;}

/** HEADER ELEMENTS STYLING	(id=HEADERS) **/
h2.heading {font-size:12px; font-weight:bold; color:#e95d0f; text-align:left; margin:0 0 0}
legend {font-size:12px; font-weight:bold; color:#e95d0f; text-align:left; margin:0px 0 0}
h4.grayhead {font-size:11px; font-weight:11px; font-weight:bold; background:#ebebeb; padding:6px 10px}
/* 	BODY WRAPPER / HEADER / TOP MENU  (id=HEAD)
**********************************************************/
#mainWrapper {margin:0 auto; width:979px; padding:0 7px; background:#fff}
#header {width:100%; padding-top:0px; height:55px;}
/*#logo {float:left; width:215px; margin:0 0 0 16px; display:inline;*/
#logo {margin:0 auto; width:979px; padding:0 0px 0 130px;}
#welcome {float:right; width:949px; margin-right:15px; display:inline;}
#welcome a {font-weight:bold; color:#535353}
#globalnav {background:url(../images/globalnav_bg.gif) left top no-repeat; width:979px; float:left; margin:5px 0 10px 0;}

/* 	Login page
**********************************************************/
#loginpage {font-style:normal;font-size: 11px; color:#666666; text-align:left; width:668px;margin-left: auto; 
  margin-right: auto; }
#loginpage h1 {font-size: 14px;font-weight:bold;padding-left: 9px;}
#loginpage ul {padding:0 0 12px 23px;list-style-image: url("../images/arrow_1.gif")}
#loginpage li {}
#loginpage hr {
	color: #fea620;
	width: 97%;
	height: 2px;
	margin: 3px auto 0px 9px;
	padding-left: 19px;
	text-align: left;
}


/* 	MAIN CONTENT / MIDDLE CONTAINERS   (id=CONTENT)
**********************************************************/
#maincont {padding-top:10px}
#leftSideBar{float:left; width:183px; margin-right:17px}
#content{float:left; width:460px; margin-right:17px}
#rightSideBar{float:right; width:312px}

/* 	RESUBALE UL LI / MENUS / 	(id=NAVS)
**********************************************************/
ul.menu{margin:0; padding:0}
ul.menu li {display:inline; list-style-type:none}
ul.menu li a {display:block; float:left; padding:7px 17px; color:#fff; font-weight:bold; font-size:13px}
ul.menu li a:hover {color:#63B329; text-decoration:none}
ul.menu li a.active {color:#63B329;}
ul.menu li a.bgnone {background:none}
ul.menu li.postrel {position:relative; float:left}
ul.menu li  div {position:absolute; top:30px}
ul.menu li  div a {font-size:12px;}
ul.menutop{margin:0; padding:0}
ul.menutop li {display:inline; list-style-type:none; float:right}
ul.menutop li.relp {position:relative; float:right}

.accordiana {display:block; padding:5px; border-bottom:1px solid #ccc;}
.accordian h2 {background:url(../images/accordion_top.png) left top no-repeat; width:173px; padding:6px 5px; font-size:12px; font-weight:bold; color:#fff !important; cursor:pointer}
.accordian h3 {background:url(../images/accordion-middle.png) left top no-repeat; border-width:0 1px 1px 1px; border-style:solid; border-color:#ccc; font-size:12px; font-weight:bold; color:#000 !important; padding:6px 5px; cursor:pointer}
.accordian h3.active {background:url(../images/accordion-middle-active.png) left top no-repeat; width:173px; border-width:0px; padding:6px 5px; font-size:12px; font-weight:bold; color:#fff !important; cursor:pointer}
.accordian h3.top {background:url(../images/accordion-top-grey.png) left top no-repeat; width:173px; border-width:0px; padding:6px 5px; font-size:12px; font-weight:bold; color:#fff !important; cursor:pointer}
.accordian h3.topactive {background:url(../images/accordion_top.png) left top no-repeat; width:173px; border-width:0px; padding:6px 5px; font-size:12px; font-weight:bold; color:#fff !important; cursor:pointer}
.accordian a.brdnone {border:none}
.accordian h3.selected {color:#fff}
.anchorbloack {color:#000; border:none; text-decoration:none;}
.accordiana a.active {font-style:bold;color:white;}
.anchorbloack:hover {color:#000; border:none; text-decoration:none;}
.anchorwhite  { color:#fff;}
.anchorwhite:hover  { color:#fff; text-decoration:none; border:none;}
/* 	MODULES (id=ARTICLE)
**********************************************************/

/* 	RESUBALE PURE BACKGROUNDS			(id=BGS)
**********************************************************/
.graybg {background:#ebebeb}
.bgTwo {background:#fff; border:1px solid #ccc; padding:1px; width:114px; height:15px}
.datebg {background:url(../images/date_bg.gif) left top no-repeat; width:45px; text-align:center}
/* 	RESUBALE GRADIENTS  (id=GRADS)
**********************************************************/  
.gradOne {background:url(../images/rightDrpShadow.png) right repeat-y; border:1px solid}
.gradttw {}

/* 	ALL BORDER CSSs		(id=BORDERS)
**********************************************************/
.brdbtm {border-bottom:1px solid #d7d7d7}
.brdrBtm{border-bottom:1px solid #c9c9c9;border-left:1px solid #c9c9c9;border-right:1px solid #c9c9c9;border-top:none;}

/* 	MAKE ME ROUND (id=ROUNDS)
**********************************************************/
.module01TL,.module01TR,.module01BL,.module01BR,.module02TL,.module02TR,.module02BL,.module02BR		{background:url(../images/sprite.gif) no-repeat; overflow:hidden}

/* blue rounded corners */
.module03TL,.module03TR,.module03BL,.module03BR,.module03TL,.module03TR,.module03BL,.module03BR		{background:url(../images/spriteBlue.gif) no-repeat; overflow:hidden}
.module03TL{background-position:left top; height:26px; font-size:12px; font-weight:bold; color:white; padding-left:10px}
.module03TR{background-position:right top; padding-right:10px; text-align:center}
.module03BL{background-position:0% -33px; height:7px}
.module03BR{background-position:100% -33px}
/* grey rounded corners */
.module01TL{background-position:left -35px; height:26px; font-size:12px; font-weight:bold; color:#000; padding-left:10px}
.module01TR{background-position:right -35px; padding-right:10px; text-align:center}
.module01BL{background-position:0% -64px; height:7px}
.module01BR{background-position:100% -64px}

.module02TL{background-position:left top; height:26px; font-size:12px; font-weight:bold; color:#000; padding-left:10px}
.module02TR{background-position:right top; padding-right:10px; text-align:center}
.module02BL{background-position:0% -28px; height:7px}
.module02BR{background-position:100% -28px}


.modulewht {background:url(../images/sprite.gif) left -105px no-repeat; display:block; padding-left:7px}
.modulewht span {background:url(../images/sprite.gif) right -104px no-repeat; display:block; height:6px; overflow:hidden}
.endmodwht {background:url(../images/sprite.gif) left -111px no-repeat; display:block; padding-left:7px}
.endmodwht span {background:url(../images/sprite.gif) right -112px no-repeat; display:block; height:6px; overflow:hidden}

.modulegry {background:url(../images/sprite.gif) left -117px no-repeat; display:block; padding-left:7px}
.modulegry span {background:url(../images/sprite.gif) right -117px no-repeat; display:block; height:6px; overflow:hidden}
.endmodgry {background:url(../images/sprite.gif) left -124px no-repeat; display:block; padding-left:7px}
.endmodgry span {background:url(../images/sprite.gif) right -124px no-repeat; display:block; height:6px; overflow:hidden}
.midcontgry {background:url(../images/mid_grd.gif) left top repeat-x; border-left:1px solid #ccc; border-right:1px solid #ccc}
.midcont {border-left:1px solid #cccccc; border-right:1px solid #ccc;}

.modulesml {background:url(../images/sprite.gif) left -80px no-repeat; display:block; padding-left:7px}
.modulesml span {background:url(../images/sprite.gif) right -80px no-repeat; display:block; height:26px; overflow:hidden}
.endmodsml {background:url(../images/leftmenu_bg.gif) left top no-repeat; display:block; padding-left:7px}
.endmodsml span {background:url(../images/leftmenu_bg.gif) right top no-repeat; display:block; height:6px; overflow:hidden}

/* 	ALL TEXT CSS	(id=TEXTAll)
**********************************************************/
/* font SIZES */
.vsmlTxt{font-size:10px}
.smlTxt{font-size:11px}
.para{font-size:11px}
.big{font-size:14px}
.bigone {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 */
.graytxt {color:#535353}
.redtxt {color:#e95d0f}
.greentxt {color:#006699}
.whttxt {color:#fff}
/* 	ALL INPUT & FORM CLASSES	(id=INPUT)
**********************************************************/
.search {background:url(../images/search_bg.gif) left center no-repeat; border:none; width:165px; padding:4px; padding-top:0px;} 
.button {}


/* 	FOOTER 	(id=FOOTER)
**********************************************************/
#footer{text-align:center; background:#fff; width:993px; margin:0 auto; padding-top:15px}
#footer a {color:#535353}
.topmenu {background:#ebebeb; border-top:1px solid #ccc; padding:10px 0 20px}
/* 	REQUIRED PADDINGS / MARGINS (id=PADS)
**********************************************************/
/* paddings */
.padOne {padding:8px}
.padBtm {padding-bottom:5px}
.padtpsml {padding-top:4px}
.padTop {padding-top:8px}
.padLR {padding:0 10px}
.padTd td {padding:6px}
.padBTM p {padding-bottom:5px}
.padall {padding:5px}
/* matgins */
.marginTop {margin-top:10px}
.margTPbig {margin-top:15px}
.marginBtm {margin-bottom:10px}
.imagemarg img {margin-right:5px}
/* 	MISCELLANEOUS (id=MISC)
**********************************************************/
.clr {clear:both}
.fl {float:left}
.fr {float:right}

.anylinkcss		{position:absolute; visibility: hidden; border-bottom:1px solid #2a2a2a; border-left:1px solid #2a2a2a; border-right:1px solid #2a2a2a; color:#fff; line-height:18px; z-index: 100; width: 165px}
.anylinkcss a{display: block;  text-decoration: none; text-indent: 5px; border-bottom: 1px solid #ddd; background:#f7f7f7; padding:2px; font:bold 13px arial; display:block; color:#000; height:20px;}
.anylinkcss a:hover{background:#CCCCCC; color:#ffffff}

/* just maintain some attributes like display & position, and everything is changeable */
.bgCover { background:#000; position:absolute; left:0; top:0; display:none; overflow:hidden }
.overlayBox {
	border:5px solid #09F;
	position:absolute;
	display:none;
	width:500px;
	height:300px;
	background:#fff;
}
.toggler  { cursor:pointer; font-weight:bold; color:#000; margin: 0; padding:5px; font-size:16px; font-family:Arial, sans-serif; }
.toggler:hover	 { background:#eee; }
.element	 { padding:0 5px; }


/* tip and return*/
.k_button_css_revision{background-image:'$Rev:6965 $';}

.k_float{z-index:9999999;position:fixed !important;position:absolute;cursor:pointer;}
#kampylink img{border:0;display:block;}
.k_top{top:0px;_top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.scrollTop :document.body.scrollTop);}
.k_top_sl{top:15px;_top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.scrollTop :document.body.scrollTop);}
.k_bottom{bottom:0px;_top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.scrollTop + (document.documentElement.clientHeight-this.clientHeight) - 1 :document.body.scrollTop + (document.body.clientHeight-this.clientHeight) - 1);}
.k_bottom_sl{bottom:15px;}
.k_right{right:0px;}
.k_left{left:0px;}

#message_for_box {
margin-bottom:10px;
width: auto;
padding: 4px;
border: solid 1px #DEDEDE;
background: #FFFFCC;
display: none;
}