/* globals */

/*
label, input { display:block;}
label{ margin-top:15px;margin-bottom:2px;}
input.text { margin-bottom:12px; width:95%; padding: .4em; }
fieldset { padding:10px; border:10px; margin-top:25px; }
h1 { font-size: 1.2em; margin: .6em 0; }
table { margin: 1em 0; border-collapse: collapse; width: 100%; }
style.table td, style.table th { border: 1px solid #eee; padding: .6em 10px; text-align: left; }
*/

/* navigation */
#navcontainer ul{padding-left: 0;margin-left: 0;background-color: #036;color: White;float: left;width: 100%;font:10pt "Lucida Sans Unicode", "Lucida Grande", sans-serif;}
#navcontainer ul li { display: inline; }
#navcontainer ul li a{padding: 0.35em 1em;background-color: #036;color: White;text-decoration: none;float: left;border-right: 1px solid #fff;}
#navcontainer ul li a:hover{background-color: #369;color: #fff;}
#navcurrent a li{background-color: #369;color: #fff;}

/* ui adjustments */
.icon { margin: .5em; }
.ui-button { outline: 0; margin:0; padding: .2em .5em .25em; text-decoration:none;  !important; cursor:pointer; position: relative; text-align: center; }
.loginbox {width:300px;height:250px;border:1px solid #000000;padding:25px;margin-left:auto;margin-right:auto;margin-top:120px;}

/* sizing */
div.smallbutton{width:85px;float:left;}
div.smallbuttonlast{width:85px;float:left;margin-left:10px;clear:right;}
input.supersmall,select.supersmall {width:50px;} 
input.small,select.small {width:150px;} 
input.medium,select.medium {width:30%;} 
input.large,select.medium {width:60%;} 

/* validation */
span.reqflag{color:red}
label.error,div.errorbox {
	/* remove the next line when you have trouble in IE6 with labels in list */
	color: red;font-style: italic;
}
div.error { display: none; } input.error { border: 1px dotted red; }

/* feedback */
.success {color:green;font-size:10pt;font-weight:bold;}
.icon {float:left;margin:2px;}

/* admin area */

.snugleft
{
	float:left;
	margin-right:2px;	
}

.snuglast
{
	float:left;
	clear:right;	
}

.clearb
{
	clear:both;	
}

/* language area */
.sec {
	border:1px solid #BBBBBB;
	overflow:hidden;
	width:800px;
}
.leftsec{
	width:200px;
	padding:5px;
	background-color:#CFCFCF;
	float:left;
	font-weight:bold;

	border-right:1px solid #BBBBBB;
	border-left:0px solid #BBBBBB;
	border-top:0px solid #BBBBBB;
	border-bottom:0px solid #BBBBBB;
}
.rightsec{
	width:565px;;
	float:left;
	padding:5px;
	padding-left:10px;
}

#formpost {
	border:#AAAAAA 1px solid;
	padding:10px;	
}


#formpost label
{
	width:150px;
	float:left;
	margin-top:5px;
	clear:left;
}

#formpost .txt
{
	margin-top:5px;
}
#formpost textarea
{
	width:600px;
	height:200px;	
}

#formpost #disclaimer
{
	padding:10px;
	overflow:auto;
	height:350px;
	width:550px;
	background-color:#CFCFCF;
	border:1px solid #888888;
}

.catlist 
{
	background-color:white;
	margin-bottom:2px;
	width:100%;
	text-align:center;

}

/* cl */


/* things we just want all the time */


/*
body { background: white; }
fieldset { background: #eee; }
legend  { font-weight: bold; font-family: sans-serif; font-size: small; }
*/

label { cursor: pointer; }
form { margin: 0 }

em { color: red; font-weight: bold; font-style: normal; }

sup { font-size: x-small; }

p { clear: both; }

img { border: 0; }

/* generic styles found sprinkled all over the place */
.sectionhead {
	background:#ddd;
	border:1px solid;
	padding:4px;
	font-weight: bold;
	font-family: serif;
}
.highlight {
	background: #ffc;
	font-family:sans-serif;
	padding: 6px;
}
.greytext {
	color: #777;
	font-size: x-small;
	font-weight: normal;
	font-family: serif;
}
.clfooter {
	text-align: center;
	font-size: small;
	list-style-type: none;
	padding: 0px;
}
.clfooter li {
	display: inline; padding: 0 5px;
}

td.head {
	text-align: left;
	white-space: nowrap;
	font-size:20px;
}

.bchead {
	background: #eee;
	padding: 3px;
	font-family: sans-serif;
	border-bottom: 2px #ccc solid;
	margin-bottom: 1em;
}

/**********
 HELP PAGES
 **********/
.dropshadow { background: gray; float: left; margin-bottom: 10px; margin-right: 5px;}
.dropshadow img { position: relative; right: 5px; top: -5px; border: 1px #333 solid; display:block; }
.header { background: #ddd; font-weight: bold; }

td.p {
	font-family: courier,monospace;
	width: 50%;
	font-size: small;
}
td.p pre { font-size: medium; }

/*********
 HOMEPAGES
 *********/
body.hp { background: #f4f4f4; font-family: sans-serif; }

.hp * { padding: 0;  margin: 0; }

.hp td, .hp a, .hp th { white-space:nowrap; }
.hp a { text-decoration:none; }
.hp a:hover { text-decoration:underline; color:purple; }

.hp td { vertical-align: top; }

.hp ul { list-style: none; }

.hp .city td {
	font-size:70%;
	line-height: 1.43em;
	vertical-align: top;
	padding: 5px;
}

.hp .city h5 {
	background: #ddd;
	padding: 3px;
	font-size: 85%;
	font-weight: 300;
}

.hp .city h5.ctry {
	background: #ff9;
	border: 1px #ddd solid;
}

.hp .city ul {
	margin: 4px;
}

.hp .for     {
	font-size:72%;
}
.hp .for a   {
	background:#fff;
	padding: 1.0px;
	margin: 1.0px;
}

.hp .ban, .hp .col h4 {
	background:#ddd;
	font-size:85%;
	text-align:center;
	font-weight:600;
	white-space: nowrap;
	margin-top: 10px;
}

.hp .col h4 {
	clear: both; margin: 0;
}

.hp .col { /* dep */
	clear: both;
}

.hp .col ul {
	list-style: none;
	float: left;
	margin: 1px;
	margin-bottom: 1em;
	font-family: sans-serif;
	font-size: smaller;
	white-space: nowrap;
}


.hp div#ccc ul { width: 47%; }
.hp div#ppp ul { width: 100%; }
.hp ul.ccc { width: 47%; }
.hp ul.ppp { width: 100%; }

.hp div#forums ul { width: 31%; font-size: 72%; }
.hp ul.forums { width: 31%; font-size: 72% !important }

.hp div#hhh ul { width: 100%; }
.hp ul.hhh { width: 100%; }

.hp ul#sss1 { width: 42%; }
.hp ul#sss2 { width: 54%; }

.hp ul#bbb1 { width: 41%; }
.hp ul#bbb2 { width: 55%; }

.hp ul#jjj1 { width: 100%; }
.hp ul.jjj { width: 100%; }

.hp ul#ggg1 { width: 61%; }
.hp ul#ggg2 { width: 34%; }


.hp .col ul li {
	background: #fff;
	padding: 1px;
	border-bottom: 1px #f4f4f4 solid;
}


.hp .col ul li a {
	position: relative;
	width: 100%;
}

.hp #logo {
	background: #f4f4f4;
	font-size: 190%;
	font-weight: 500;
	font-family: serif;
	font-stretch: expanded;
	padding: 2px 0px 16px 3px;
	width: 100%;
}

.hp #leftbar {
	background: #ddd;
	text-align: center;
}

.hp #leftbar * {
	margin-left: auto;
	margin-right: auto;
	white-space: nowrap;
}

.hp #leftbar ul {
	padding: 4px;
}

.hp #leftbar li {
	background: #f4f4f4;
	font-size: smaller;
	padding: 2px;
}

.hp #leftlinks li,.hp #plainleftlinks li {
	margin: 4px;
}

.hp .cal {
	font-size: smaller;
	margin: 0 10px;
	text-align: center;
}

.hp .cal th.ban {
	background: #eee;
}

.hp .cal .dys th  {
	background:#aaa;
	color: white;
	font-weight:bold;
}
.hp .cal td  {
	background: white;
	padding: 3px;
}
.hp .cal .tdy {
	background: #ff9;
	font-weight:bold;
}
.hp #postlks li {
	margin: 10px 4px;
	font-size: 90%;
	font-weight: 500;
}

.hp #search {
	margin: 10px;
	text-align: left;
}

.hp #search div {
	background: #f4f4f4;
	text-align: center;
}

.hp #search #query { width: 98%; }
.hp #search select { width: 75%; }

.hp #topban { height: 3em; white-space: nowrap; }

.hp #topban div {
	background: #ddd;
	padding: 3px;
}

.hp #topban h2 {
	display: inline;
	font-weight: normal;
	font-family: serif;
}

.hp #topban .for a {
	margin: 2px;
}

.hp #alks td { background: #f4f4f4; }
.hp #alks a { padding: 2px; font-size: smaller; }

/****
 TOCS
 ****/

.toc h4, .toc .sh {
	background: #eee;
	border-bottom: 2px solid #ccc;
	padding: 6px 25px;
}

.toc td, .toc a, .toc th, .toc .hl { white-space:nowrap; }
.toc #messages { white-space: normal; text-align: right; }
.toc dd, .toc dt { font-size:smaller; }

.toc #ef a { font-weight: bold; }

.toc #satabs {
	margin-top: 10px;
	font-size: smaller;
}

.toc #satabs b, .toc #satabs a {
	padding: 3px;
	-moz-border-radius: 0.7em 0.7em 0 0;
	border-top: 2px #ccc solid;
	border-left: 2px #ccc solid;
	border-right: 2px #ccc solid;
	line-height: 2em;
	white-space: nowrap;
}
.toc #satabs b {
	background: white;
	padding-bottom: 0.9em;
}

.toc #satabs a {
	text-decoration: none;
	padding-bottom: 0.7em;
}

.toc #satabs a:hover  {
	background: #f7f7f7;
}

.toc #sform {
	white-space: nowrap;
	background:#eee;
	border:1px solid #ccc;
	width: 90%;
	padding: 4px;
}

.toc #footer #copy { float: left; }
.toc #footer #copy a { font-size: x-small; }
.toc #footer .rss { float: right; text-align: right; }

.toc #hideImgs { display: none; }
.toc #showImgs { display: none; }

.rss .l {
	background: orange;
	padding: 0px 2px;
	color: white;
	font-family: sans-serif;
	font-weight: bold;
	text-decoration: none;
}
.rss .y { font-size: x-small; }

.toc #floater {
	position:absolute;
	overflow:hidden;
	z-index:999;
	display: none;
}

.toc #floater img {
	border: 2px solid #ccc;
}


.toc .row .ih { display: none; }

.toc .row .i {
	float: left;
	width: 60px;
	height: 52px;
	clear: both;
	background-repeat: no-repeat;
	background-position: center center;
}

.toc .row .i img { 
	border: 0;
	height: 50px;
	width: 50px;		
 }

.toc span.p { color: orange;  font-size: smaller; }
.toc .row .c { clear: both; }

/*************
 POSTING PAGES
 *************/

#tsb {
	background: #ff9;
	font-size: small;
	margin-top: 1em;
	padding: 4px;
}

#tsb a { white-space: normal; font-style: italic; }

#ef { float: right; }

/* flag links on postings */
#flags {
	margin: 7px;
	padding: 7px;
	border: 2px #ccc solid;
	float: right;
	text-align: right;
	font-size: small;
	background: white;
}

#flags a.fl { padding-right: 8px; display: block; }
#flags a.fl:visited { position: relative; }

/* body blurbs*/
ul.blurbs { margin-left: 0px;  padding-left: 10px;  font-size: smaller; }

/************
 SIMPLE PAGES
 ************/

#fakePage { position: relative; }

#sc { position: absolute; }

#sc #banner {
	width: 9em;
	position: absolute;
	background: #ddd;
	padding: 4px;
	height: 100%;
	top: 0;
	left: 0;
}

#sc #banner #logo {
	text-align: center;
	margin-bottom: 8em;
}
#sc #banner #logo span {
	color: #009;
	font-size: 80%;
	font-family: verdana,sans-serif;
	font-weight: bold;
}
#sc #banner #logo a { font-size: 200%; }

#sc #banner #update {
	font-size: xx-small;
	color: #444;
	padding: 12px;
	padding-bottom: 600px;
}

#sc #banner #prinfo {
	font-size: x-small;
	background: #ff9;
	padding: 4px;
	margin: 8px;
	margin-bottom: 3em;
}

#sc #content { margin-left: 11em;  padding: 10px; }

#sc #content p { clear: none; }

/************
 SOCIAL LINKS
 ************/

div#shareSocial {
	margin: 7px;
	padding: 7px;
	border: 2px #ccc solid;
	float: right;
	font-size: x-small;
	font-family: sans-serif;
	display: none;
	background: white;
	width: 10em;
}

div#shareSocial #sstitle { font-size: small; }

div#shareSocial #ssmain {
	border-top: 2px #ccc solid;
	margin-top: 6px;
}
div#shareSocial #ssGetMore { padding: 2px 0 0 20px; }

div#shareSocial a {
	color: #4c4c4c !important;
	text-decoration: none;
	line-height: 16px;
	margin: 3px;
	padding: 0 0 0 20px;
	background: url(/images/shareSocial.png) no-repeat top left;
	display: block;
	height: 16px;
	border-bottom: 1px #eee solid;
}

div#shareSocial a.more { display: none; }

#shareSocial a#delicious { background-position: 0px -176px; }
#shareSocial a#diigo { background-position: 0px -208px; }
#shareSocial a#digg { background-position: 0px -192px; }
#shareSocial a#email { background-position: 0px -224px; }
#shareSocial a#facebook { background-position: 0px -240px; }
#shareSocial a#fark { background-position: 0px -256px; }
#shareSocial a#friendfeed { background-position: 0px -304px; }
#shareSocial a#mixx { background-position: 0px -464px; }
#shareSocial a#myspace { background-position: 0px -496px; }
#shareSocial a#stumbleupon { background-position: 0px -704px; }
#shareSocial a#propellor { background-position: 0px -576px; }
#shareSocial a#reddit { background-position: 0px -592px; }
#shareSocial a#technorati { background-position: 0px -752px; }
#shareSocial a#twitter { background-position: 0px -784px; }

div#shareSocial a:hover { background-color: #eee; }


/***************
 POSTING PROCESS
 ***************/

#pp bc a {font-weight: bold; white-space: nowrap; }
#pp span.imageLabel { font-size: smaller; font-family: sans-serif; }
#pp #header { line-height: 1.5; }

#pp input, #pp textarea {
	font-family: serif;
	border: #ccc 1px solid;
	background: #fbfbfb
}

#pp span.std, #pp span.req, #pp span.err { font-weight: bold; }
#pp span.req { color: green; }
#pp span.err { color: red; }

#pp input.req { border: green 1px solid; }
#pp input.err,
	#pp textarea.err { border: red 2px solid; }


#pp button { font-family: sans-serif; }
#pp blockquote#thanks {font-family: sans-serif; }
#pp blockquote#thanks div { background: #eee; padding: 12px; }

#pp h5 { font-family: sans-serif; padding: 6px; border-bottom: 3px #aaa solid; } /* bye? */

#pp .highlight { margin: 10px; }
#pp #map div { float: left; }

#pp .title { white-space: nowrap; }
#pp .title input { font-size: 1.3em; font-weight: bold; padding: 0 5px; }
#pp .row div { float: left; padding: 0 5px; }

#pp .posting { background:#f5f5f5; padding: 10px;}

#pp #jsErr { display: none; }

#pp #oiab { font-style: italic;}

#pp #ed { white-space: nowrap; }
#pp #ed p { float: left; clear: none; padding: 5px; }

#imgtbl { min-width: 660px; }
#imgtbl div { text-align: center; width: 300px; font-size: small; float: left; margin: 10px; }

body.mceContentBody, body.mceContentBody td { font-size: inherit !important; font-family: inherit !important; }

/* forms classes for use with js validation / etc */
form .defval { color: #aaa; }
form .req { color: green; }
form .err { color: red; }

input.req, textarea.req { border: green 1px solid; color: black; }
input.err, textarea.err { border: red 2px solid; color: black; }

/* teambios whee */
.bios hr { clear: both; }
.bios > div { clear: both; float: left; width: 100%; margin-bottom: 20px;}
.bios > div > div { padding: 10px; }
.bios > div > div > p { clear: none; }
.bios img { float: left; margin-right: 10px;}
.bios .d { background: #f0f0f0; }
.bios .d img { float: right; margin-left: 10px; margin-right: 0; }


/* cl custom */

#leftbar
{
	width:150px;	
}

.coltop{
	
	background-color:#DDDDDD;
	padding:5px;
	margin:5px;
	margin-top:0px;
	font-size:12px;
	font-weight:bold;
}

.colrow{

	padding:3px;
	margin:5px;
	background-color:white;
	font-size:12px;
	width:160px;
	
}

.plainleftlinks
{
	padding: 1px;
	padding:5px;
	background: #f4f4f4; 
	font-size:14px;
}

.citytop
{
	width:520px;
	background-color:#DDDDDD;
	padding:8px;	
	overflow:hidden;
	margin-bottom:10px;
}

.citytop h3
{
	float:left;
	margin:0px;
	padding:0px;
}

.citytop p
{

	margin:0px;
	padding:0px;	
	font-size:10px;
}

.citymain
{
	float:left;	
}

.citylist {
	float:left;	
}

.citylist p,.citylist td
{
	font-size:10px;
}

.citylist p
{
	background-color:#F4F4F4;
}

.citylistrow
{
	margin:2px;
	padding:2px;
}
/* top breadcrum and post links */

.searchviewtop
{
	background-color:#F4F4F4;
	padding:10px;
	overflow:hidden;
}	

/* search dialog */

.searchviewbox
{
	background-color:#F4F4F4;
	border:1px solid #888888;
	padding:10px;
	margin-top:20px;
}	

/* hint text */

.hint
{
	color:#ACACAC;	
}

/* top breadcrumb and post links */

.searchviewbox table
{
	margin:2px;
}
  
/* post links -- upper right on search pages*/

.toppost
{
	float:right;	

}

.toppost a
{
	font-weight:bold;	
}

/* breadcrumb text */

.breadcrumb
{
	float:left;
}

.breadcrumb a
{
	font-weight:bold;
	text-decoration:none;

}

.dateHeader
{
	background-color:#F4F4F4;
	padding:15px;
	border-bottom:2px solid #888888;
	border-top:0px;
	border-left:0px;
	border-right:0px;
	margin-bottom:10px;
	margin-top:15px;
	
}

/* style for each row */
.rowlist, .rowlist a
{
	font-weight:normal;
	margin-top:10px;
	margin-bottom:10px;
}

.pic
{
	color:orange;
	margin-left:10px;	
}

.post
{
	margin:2px;	
}

.post_disclaimer
{
	background-color:#ffffaa;
	border:1px solid #888888;
	padding:5px;
	margin-top:10px;
	margin-bottom:10px;
}

.newpost_disclaimer
{
	background-color:#ffffaa;
	border:1px solid #888888;
	padding:5px;
	margin-top:10px;
	margin-bottom:10px;
	font-size:16px;
}

.sessionstatus
{
	background-color:#ffffaa;
	padding:5px;
	margin-bottom:10px;
	width:300px;
}


.sessionstatus a
{
	font-weight:normal;
}

.confirm_post {
	
	background-color:#99ffaa;
	border:1px solid #888888;
	padding:5px;
	margin-top:10px;
	margin-bottom:10px;
	font-size:16px;	
}

.postStatus
{
	font-weight:bold;
	background-color:#CFCFCF;
	border:1px solid #888888;
	padding:5px;
	margin-top:10px;
	margin-bottom:10px;
	width:300px;
	font-size:16px;		
}

/************ Editied By Jinit Patel ************/

 div a.foo_pro{
 background-image:url(images/GIN-WEB-ZONE003_04.jpg);
 height:169px;
 width:313px;
 float:left;
 }	
  div a.foo_pro:hover , div a.foo_pro:active{
 background-image:url(images/GIN-WEB-ZONE003_04RL.jpg);
 height:169px;
 width:313px;
  }
  div a.foo_team{
 background-image:url(images/GIN-WEB-ZONE003_06.jpg);
 height:169px;
 width:302px;
 float:left;
 margin-left:18px;
 }	
  div a.foo_team:hover , div a.foo_team:active{
 background-image:url(images/GIN-WEB-ZONE003_06RL.jpg);
 height:169px;
 width:302px;
  }
  div a.foo_blog{
 background-image:url(images/GIN-WEB-ZONE003_08.jpg);
 height:169px;
 width:309px;
 float:left;
 margin-left:18px;
 }	
  div a.foo_blog:hover, div a.foo_blog:active{
 background-image:url(/images/GIN-WEB-ZONE003_08RL.jpg);
 height:169px;
 width:309px;
  }
  .foo_menu{
 height:40px;
 text-align:center;
  width:960px;
  }

  .foo_menu ul li{
  font-family: Arial, Helvetica, sans-serif;
  padding-left:10px;
  padding-right:10px;
  list-style-type:none;
  padding-top:10px;
  padding-bottom:3px;
  height:27px;
  float:left;

  }
  .foo_menu ul li:hover{
  background-color:#949494;
  }
  ul.foo_tabs{
  height:40px;
  display:block;
  padding-left:90px;
  }
  .foo_menu ul li a{
  background-image:none;
  color:#CBCBCB;
  font-family: Arial, Helvetica, sans-serif;
  font-weight:bold;
  font-size:20px;
  text-decoration:none;
  }
   .foo_menu ul li a:active,  .foo_menu ul li a:hover{
   color:#444;
   }
  .copyright{
  height:41px;
  }
  .foo_bottom{
  background-image:url(/images/GIN-WEB-ZONE005_01.jpg);
  vertical-align:top;
  height:66px;
  }
  .foo_copy{
	background-color:#E1E1E1;
	height:41px;
  }
  .small{
  	font-size:11px;
  }
  .foo_magento{
  	width:960px; 
	height:180px;
	background-image:url(/images/GIN-WEB-ZONE003_01.jpg);
	background-repeat:repeat-x;
	margin:0 auto;
  }