/* 
	Simple Table
*/

/* 
	Grey Suits you Sir. Please host the images on your own server.
	written by Stuart Colville http://www.muffinresearch.co.uk
*/

div .simpletable
{
	padding:9px 0;

}

div .simpletable table,td
{border-collapse: collapse; vertical-align:middle; border:1px solid #9d9d9d;}


.zebra2 {background-color:#CCC;}
.simpletablehead tr {padding:13px; background-color:#9FF;}

div .simpletable table
{
	border                :none;
}
div .simpletable thead tr th 
{
background-color: #f4f4f4;
color:#0039a4;  
padding:5px 10px;
font-size:11px;
text-align:center;
font-weight:bold;
border:1px solid #9d9d9d;
}
div .simpletable tbody th
{color:#0039a4; padding:5px; font-size:11px; text-align:left; border:1px solid #9d9d9d; font-weight:normal;}

div .simpletable tbody tr td
{padding: 5px; border:1px solid #ccc; text-align:left; vertical-align:middle;}

div .simpletable tbody tr:hover td
{
  color                 : #454545;
}
div .simpletable tfoot td, tfoot th {border-left: none;  border-top: 1px solid #bbb; padding: 4px;
  background            : #FFF url(../images/foot_bck.gif) repeat;
  color                 : #666;
}
div .simpletable caption {width:300px; text-align: left; font-weight:700; font-size: 130%; padding: 5px 0; color : #000;}
div .simpletable a {color: #003891; text-decoration:none; }
div .simpletable a:visited {color: #003891; text-decoration:none;}
div .simpletable a:hover {color: red; text-decoration:none;}
div .simpletable a:active {color: #003891; text-decoration:none;}
div .simpletable .txtfield {border:1px solid #ddd; text-decoration:none; padding:2px;}


div .simpletable .livedemo-register a {width: 61px; height: 17px; display: block; text-align: center; color: #ffffff; text-decoration: none; padding-top: 1px; padding-right: 0pt; padding-bottom: 0pt; padding-left: 0pt; background:transparent  url(../images/live-demo-register.gif) no-repeat scroll 0pt 0pt;}


div .simpletable .livedemo-register a:hover 
{width: 61px; height: 17px; background:transparent  url(../images/live-demo-register.gif) no-repeat scroll 0pt -18px;}


div .simpletable .livedemo-register a:visited  {color: #ffffff;font-weight: 100;}

/* 
	Fancy Table
*/

div .fancytable {padding:19px 0;}
div .fancytable table,td{border: 1px solid #CCC;border-collapse: collapse; vertical-align:middle;}
div .fancytable table {border:none; border:1px solid #CCC;}
div .fancytable thead th,
tbody th {background :#FFF url(../images/th_bck.gif) repeat-x; color: #000; padding: 5px 9px; border-top: 2px solid #CCC; font-size:11px; text-align: center; font-weight: bold;}
div .fancytable tbody th {
background:#fff; border-top: 1px solid #CCC; text-align: left; font-weight: normal;}
div .fancytable tbody th.special
{text-indent:0px; font-size:11px; color:#000; text-align:left; font-weight: bold; border:1px solid #CCC;}

div .fancytable tbody tr td
{
	padding               : 5px 10px;
	border: 1px solid #CCC;
	text-align:center;
	vertical-align:middle;

}

div .fancytable tbody tr:hover td
{
  color                 : #454545;
}
div .fancytable tfoot td, tfoot th
{
  border-left           : none;
  border-top            : 1px solid #CCC;
	padding             : 4px;
  background            : #FFF url(../images/foot_bck.gif) repeat;
  color                 : #666;
}
div .fancytable caption {
  background            : #FFF url(../images/captionbg.jpg) no-repeat -3px -3px;
text-align            : left;
text-indent:19px;
	font-size             : 120%;
	font-weight:bold;
	padding               : 5px 0;
	color                 : #fff;
}
div .fancytable a {padding-left:9px; color: #003891; text-decoration:none;}
div .fancytable a:visited {color: #003891; text-decoration:none;}
div .fancytable a:hover {color: #003891; text-decoration:none;}
div .fancytable a:active {color: #003891; text-decoration:none;}


/* 
	Buy Table
*/

div .buytable {padding-bottom:13px;}
div .buytable caption {background: #FFF url(../images/captionbg.jpg) no-repeat -3px -3px; text-align: left; text-indent:13px;font-size: 120%;font-weight:bold; padding:5px 0; color:#fff;}
div .comparison { padding-top:9px; float:right; font-weight:bold;}
div .buytable .comparison a:link{ text-decoration:underline; color:#003891; font-weight:bold;  }
div .buytable .comparison a:visited{text-decoration:underline; color:#003891; font-weight:bold; }
div .buytable .comparison a:hover{text-decoration:none; color:#990000; font-weight:bold;}
div .buytable .comparison a:active{text-decoration:underline; color:#003891; font-weight:bold; }
div .buytable thead th,
tbody th {background :#FFF url(../images/th_bck.gif) repeat-x; color: #000; padding: 5px 9px; border-top: 2px solid #CCC; font-size:11px; text-align: center; font-weight: bold;}
div .buytable table td {border:1px solid #CCC;border-collapse:collapse; vertical-align:middle;}
div .buytable thead tr th {color: #000; padding: 9px; border: 1px solid #CCC; font-size:11px; text-align: center;border-top: 3px solid #CCC; font-weight: bold;}
div .buytable tbody tr th {border-top: 1px solid #CCC; text-align: left; font-weight: normal;}
div .buytable tbody tr th .detail { display:block; padding-left:9px; padding-top:3px;}
div .buytable tbody tr td {border: 1px solid #CCC; text-align:center;vertical-align:middle;}
div .buytable tbody tr:hover td{color: #454545;}
div .buytable a {padding-left:9px; color: #003891; text-decoration:none;}
div .buytable a:visited {color: #003891; text-decoration:none;}
div .buytable a:hover {color: #003891; text-decoration:none;}
div .buytable a:active {color: #003891; text-decoration:none;}
div .buytable .specialhead {color: #003891; text-decoration:none; font-size:13px; text-align:left; font-weight:900; }
div .buytable .bold {font-weight:900; padding-left:9px; padding-top:0px; padding-bottom:0px; }



/* 
	My Table
*/

.mytable
{
	padding:19px 0;

}

.mytable table,td
{
	border               : 1px solid #CCC;
	border-collapse      : collapse;
	vertical-align:middle;

}
.mytable table
{
	border                :none;
	border                :1px solid #CCC;
}
.mytable thead th,
tbody th
{
	background            : #FFF url(th_bck.gif) repeat-x;
	color                 : #000;  
	padding               : 5px 9px;
	border          	 : 1px solid #CCC;
	font-size			:11px;
	text-align			:center;
	font-weight			:bold;
}
.mytable tbody th
{
  background            :#fff;
  border-top            : 1px solid #CCC;
  text-align            : left;
  font-weight           : normal;

  
}
.mytable tbody th.special
{
  text-indent			:0px;
  font-size             :11px;
  color					:#000;
  background-color		:#FFF;
  text-align            :left;
  font-weight           :bold;
  border				:1px solid #CCC;
}

.mytable tbody tr td
{
	padding               : 5px 10px;
	text-align:center;
	vertical-align:middle;

}

.mytable tbody tr:hover td
{
  color                 : #454545;
}
.mytable tfoot td, tfoot th
{
  border-left           : none;
  border-top            : 1px solid #CCC;
	padding             : 4px;
  background            : #FFF url(foot_bck.gif) repeat;
  color                 : #666;
}
.mytable caption
{
  background            : #FFF url(../images/captionbg.jpg) no-repeat -3px -3px;
text-align            : left;
text-indent:19px;
	font-size             : 120%;
	font-weight:bold;
	padding               : 5px 0;
	color                 : #fff;
}
.mytable a
{
		padding-left:9px;
		color                 : #003891;
		text-decoration:none;

}
.mytable a:visited
{
		color: #003891;
		text-decoration:none;
}
.mytable a:hover
{
		color: #003891;
		text-decoration:none;
}
.mytable a:active
{
		color: #003891;
		text-decoration:none;
}

/*Line Less Table Design*/

div .linelesstable
{
	padding:9px 0;

}

div .linelesstable table,td
{
	border-collapse      : collapse;
	vertical-align:middle;
	border:none;
	text-align:left;

}

.sleekinput
{
	border: 1px solid #999;;
	text-align:left;
	padding:2px;
}
div .linelesstable table
{
	border                :none;
}

div .linelesstable tbody th
{
  background            :#fff;
  border-top            : 0px solid #CCC;
  text-align            : left;
  font-weight           : normal;

  
}
div .linelesstable tbody tr td
{padding: 3px; text-align:left; vertical-align:middle;}