@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]agiletechnosys[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)
**********************************************************/
html {background:#F8F8F8 url(../siteimages/pagebg1.gif) top repeat-x}
body {font:normal 12px/20px Arial; color:#7e7e7e; text-align:right; background:url(../siteimages/pagebg2.gif) bottom repeat-x}
/* 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:#145ea6; font-weight:bold; text-decoration:none}
a:hover {color:#ad1419; text-decoration:none}
a:active, a:focus {outline:0} /* to avoid link borders on new browsers */
img {border:none}
p{ padding:2px 0}
/** HEADER ELEMENTS STYLING	(id=HEADERS) **/
h2{ font:bold 13px Arial; color:#3077b5; border-bottom:1px dotted #3077b5; padding:5px 0}

/* 	BODY WRAPPER / HEADER / TOP MENU  (id=HEAD)
**********************************************************/
#mainWrapper {margin:0 auto; width:789px}
#header {width:100%; background:url(../siteimages/headerbg.jpg) center bottom no-repeat; height:165px; padding-top:6px}
#logo {width:190px; margin:0 auto; height:58px; padding-top:39px}
#globalNav {width:100%; margin-top:33px;}

/* 	MAIN CONTENT / MIDDLE CONTAINERS   (id=CONTENT)
**********************************************************/
#maincont {padding-top:5px}
#sidebar1 {float:left; width:24%; background:#000; margin-right:10px; min-height:250px}
#content {float:left; width:50%; background:#000; min-height:250px}
.Column{ width:370px}


/* 	RESUBALE UL LI / MENUS / 	(id=NAVS)
**********************************************************/
ul.topnav {list-style:none; padding:0; margin:0; float:right}
ul.topnav li { float:left; margin:0 10px}
ul.topnav li a {display:block; padding-left:10px;}
ul.topnav li a span { display:block;  padding-left:-10px; padding-right:10px; cursor:pointer}
ul.topnav li a:hover {background:url(../siteimages/r_over.gif) left top no-repeat; height:24px; float:left;  padding-left:10px;  display:block; color:#FFF }
ul.topnav li a:hover span {background:url(../siteimages/r_over.gif) right top no-repeat; height:24px; float:left; display:block; text-decoration:none;  color:#FFF  } 

/* 	MODULES (id=ARTICLE)
**********************************************************/
.mod1top, .mod1top div,.mod1btm, .mod1btm div{background:url(../siteimages/sprite.png) no-repeat; overflow:hidden}
.mod1top {background-position:0 0; height:14px; padding-left:14px}
.mod1top div {background-position:100% -14px;}
.mod1btm {background-position:0 -30px; height:14px; padding-left:14px;}
.mod1btm div {background-position:100% -44px}
.box1{ background:url(../siteimages/box_left_bg.png) 0 0 repeat-y; padding-left:14px;}
.box1 .Rht{background:url(../siteimages/box_rht_bg.png) 100% 0 repeat-y; padding-right:14px;}

/* 	RESUBALE PURE BACKGROUNDS			(id=BGS)
**********************************************************/
.bgOne {background:#FF0000}
.bgTwo {background:#00}

/* 	RESUBALE GRADIENTS  (id=GRADS)
**********************************************************/  

/* 	ALL BORDER CSSs		(id=BORDERS)
**********************************************************/
.brdBtmBlk{border-bottom:1px solid #000}
.userPic img{border:4px solid #e8e8e8}


/* 	MAKE ME ROUND (id=ROUNDS)
**********************************************************/
.module01TL,.module01TR,.module01BL,.module01BR		{background:url(../siteimages/sprite.png) no-repeat}
/* grey rounded corners */
.module01TL{background-position:left top; height:7px}
.module01TR{background-position:right top}
.module01BL{background-position:0% -6px; height:16px; overflow:hidden}
.module01BR{background-position:100% -6px}

/* 	ALL TEXT CSS	(id=TEXTAll)
**********************************************************/
/* font SIZES */
.vsmlTxt{font-size:10px}
.smlTxt{font-size:11px}
.para{font-size:12px}
.big{font-size:14px}

/*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 */
.greenTxt {color:brown}
.clrOne { color:#cd0102} /* for green color */

/* 	ALL INPUT & FORM CLASSES	(id=INPUT)
**********************************************************/
.input {background:url(../siteimages/input.gif) repeat-x top; border:1px solid #666666; padding:3px} 
input.button{margin-right:10px; border:0; background:url(../siteimages/button.gif) no-repeat; position:relative; cursor:pointer; color:#fff; height:20px; font:bold 13px Arial; text-transform:uppercase; padding:0 0 5px 9px}
.buttonEnding{position: absolute; display:inline;  width:10px; height:20px; background: url(../siteimages/end.gif) right top no-repeat; float:right; }
#form label{ padding:0 10px; float:right}
.Chk{ vertical-align:middle; float:left}


/* 	FOOTER 	(id=FOOTER)
**********************************************************/
#footer{margin:10px 0}
#Site-Info{ font:normal 13px Arial; color:#347cb9; padding:0px 0 5px 0;}
#Site-Info a{font:bold 13px Arial; color:#347cb9; text-decoration:underline}
#Site-Info a:hover{text-decoration:none}
#footer a{font:bold 13px Arial; padding:0 2px; color:#fff; text-decoration:underline}
#footer a:hover{text-decoration:none}

/* 	REQUIRED PADDINGS / MARGINS (id=PADS)
**********************************************************/
/* paddings */
.padOne {padding:8px}
.padBtm {padding-bottom:5px}
.padLft {padding-left:30px; padding-top:20px}
.padrgt {padding-right:35px}
.padrgt1 {padding-right:80px}
/* matgins */
.marginTop {margin-top:10px}
.marginBtm {margin-bottom:10px}
.marginRht {margin-right:20px}
/* 	MISCELLANEOUS (id=MISC)
**********************************************************/
.clr {clear:both; height:0; overflow:hidden; padding:0; margin:0}
.fl{ float:left}
.fr {float:right}

/* Form */
.input1{ height:20px;}
.input2{ height:20px; margin-top:7px;}
.buttons{margin-left:70px; margin-top:7px;}
.title{font-size:18px; color:#008898;}


.profile{width:700px;text-align:center;}
.row{width:700px;text-align:center;margin-top:5px;}
.rowleft{float:left;width:500px;text-align:right;}
.rowright{float:right;width:200px;text-align:left;}
#error{ background-color: #F9F8BA;border-bottom:1px dashed #BAA13D; padding:8px;text-align:center;margin-bottom:15px;}
.error{color:#FF0000; font-weight:bolder;}
.msg{color:blue; font-weight:bolder;}
#displayimage1{display:none;}
.fontcolor { font-size:11px; color:#00A4B7;}
.search1 {width:180px; text-align:right; float:left;}
.search2 {width:300px;text-align:left;float:left;}
.config1{float:left;width:350px;text-align:right;}
.config2{float:left;width:625px;text-align:left;}
.config-width{width:700px;}

#loading {background: url(../i/loading.gif) no-repeat;width: 260px; height: 20px; display: none;}
#loading1{background: url(../i/loading.gif) no-repeat;width: 260px; height: 20px;display: none;}
.loading {background: url(../i/loading.gif) no-repeat;width: 260px; height: 20px; display: none;}
.loading1{background: url(../i/loading.gif) no-repeat;width: 260px; height: 20px;display: none;}
#formsubmit1 {display:none; width:600px; height: 100px;}
#formsubmit {display:none; width:600px;height: 100px;}
#error { font-size: 12px; font-family: verdana; font-weight: bold; color: red;}
#showoutput{display:none; padding:0 17px;}
#showform{display:block;}
#showurl{display:none;}