/*

Theme Name: Itontap Blog 5
Theme URI: http://www.itontap.com/
Description: Itontap blog
Version: 0.1
Author: tech06
Author URI: http://www.itontap.com/
Tags: white, fixed width, two columns, widgets
	itontap_blog_3 v0.1
	 http://www.itontap.com
	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
*/
/* Begin Typography & Colors */
*{ margin:0;}
body { background:#4F4E50; font-size: 12px; font-family:Arial; color: #333; text-align: center;}
ul,li{ margin:0; padding:0; list-style:none;}
a,img{ border:none;}

a{ color:blue/*#C80009*/; text-decoration:underline;}
a:hover { text-decoration: none;}


h1 { font-size: 22px; font-family: "Itckabel Book", Arial, Helvetica, sans-serif; color: #333333; line-height: 32px; font-weight: normal; margin:0; position:relative; text-align:left;}
h2{ font-size: 18px; font-family:'Trebuchet MS' ,Arial; color:#c80009; padding-bottom:8px; margin-bottom:16px; background:url(images/h2-title.jpg) left 4px no-repeat;  padding:0 0 8px 30px; margin:0; text-align:left;}
h2 a{ text-decoration:none; color:#c80009; text-align:left;}
.h3, h3 { color:#000000; font-family:Arial,Helvetica,sans-serif; font-size:12px; font-weight:bold; text-align:left;}
h4 { font-size: 100%; text-transform: uppercase;}
.h5, h5 { font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; line-height: 140%; font-weight: bold; font-style: normal;t ext-align:left;}
h6{text-align:left;}
h3#comments{ font-size:16px;}
p, pre, blockquote, ul, ol, h4, h5, h6 { padding-bottom:12px; font-size:12px; line-height:18px; margin:0; color:#333333; font-weight:normal; border:none;}

#wrapper{ width:980px; margin:0 auto; padding:15px 0; text-align: left;}

#header { background: /*#73a0c5 url('images/kubrickheader.jpg') no-repeat bottom center*/;}

.round-top{ background:url(images/top.jpg) left top no-repeat; padding-top:6px; float:left; width:100%;}
.round-bottom{ background:url(images/bottom1.png) left bottom no-repeat; padding-bottom:40px; float:left; width:100%;}
.round-bg{ background:url(images/middle_bg.png) left top repeat-y; padding:0; float:left; width:100%;}

div.category-box{ float:left; width:100%; padding:0;}
div.author{ width:50%; float:left;}
div.more-in{ width:50%; float:right; text-align:right; color:#4f4e50; font-family:11px; font-weight:bold; position:relative;}
div.more-in a{ color:#c80009; font-size:12px; font-weight:normal;}

span.comment-icon{ padding:0;}
span.comment-icon a{ color:#c80009; font-size:11px; font-weight:bold; text-decoration:none; background:url(images/comment-icon.jpg) left top no-repeat; width:34px; height:19px; float:left; text-align:center; padding-top:3px;}
span.comment-icon a:hover{ text-decoration:underline;}

div.author small.year{ border-right:1px dotted #a5a5a6; padding:2px 8px 2px 4px; margin-right:5px; float:left; color:#333333; font-size:12px; font-weight:normal;}

div.line{ border-top:1px solid #4f4e50; padding-top:10px;}

#ja-pathway { font-size: 12px; padding:12px 0 12px 15px; float:left;}
#ja-pathway span{ color:#FFFFFF;}
#ja-pathway a{ color:#FFFFFF; font-weight:bold;}
#ja-pathway a:hover{ text-decoration:underline;}
#ja-pathway strong { margin-right: 5px;	font-weight: normal;}
#ja-pathway a {	text-decoration: none;}
#ja-pathway img { margin: 1px 5px;}


.left{ width:207px; float:left; padding-left:5px;}
.left #sidebar h3{ background:url(images/left-title.jpg) left top no-repeat; width:207px; height:40px; float:left; color:#ffffff; font-size:13px; font-weight:bold; padding-top:10px; text-align:center; text-transform:uppercase;}

#sidebar ul li { background:url(images/left-round-bottom.jpg) left bottom no-repeat; list-style-type: none; list-style-image: none; padding-bottom:5px; margin-bottom:12px;}

.left #sidebar ul li ul{ border-left:1px solid #cccccc; border-right:1px solid #cccccc; padding:0 9px 8px 9px; width:187px;}
.left #sidebar ul li ul li{ background:url(images/left-menu-link.jpg) left 12px no-repeat; border:none; border-bottom:1px dotted #cccccc; padding:6px 14px; clear:both; width:160px; margin:0;}
.left #sidebar ul li ul li a{ color:#646769; font-size:12px; font-weight:bold; text-decoration:none;} 
.left #sidebar ul li ul li.current-cat a{ color:#e51b24;}
.left #sidebar ul li ul li a:hover{ color:#e51b24;}


.right{ background:url(images/right.jpg) left top no-repeat; width:230px; float:right; padding:14px 0 0 0; min-height:673px;}
.right h3{ text-transform:uppercase; color:#ffffff; font-size:13px; font-weight:bold; text-align:center;}

.right li{ padding-bottom:18px;}

.right ul li ul{  padding-left:15px; padding-top:12px; width:189px;}
.right ul li ul li{ background:url(images/right-li-icon.gif) left 14px no-repeat; border:none; padding:6px 10px; clear:both;}
.right ul li ul li a{ color:#ffffff; font-size:12px; text-decoration:none;} 
.right ul li ul li.current-cat a{ color:#ffffff;}
.right ul li ul li a:hover{ text-decoration:underline;}

.right li#text-3 h3{ background:url(images/follow-us.jpg) center top no-repeat; height:16px; font-size:0; color:#201f21; text-align:center; padding-bottom:7px;}
.right ul li ul.follow{ padding:0;}
.right ul li ul.follow li{ background:none; padding:0 0 1px 0;}

.right ul li#recent-post-custom ul li.even{ background:#4f4e50 url(images/right-li-icon.gif) 7px 12px no-repeat; padding:6px 8px 6px 16px; width:176px;}
.right ul li#recent-post-custom ul li.odd{ background:url(images/right-li-icon.gif) 5px 12px no-repeat; padding:6px 8px 6px 16px; width:176px;}

/*==================content css start here==============*/

div.alignleft span{ background:url(images/before.gif) left 4px no-repeat; padding-left:10px; float:left;}
div.alignleft span a{ color:#c80009; font-size:12px;}

div.alignright span{ padding-right:10px; background:url(images/next.gif) right 4px no-repeat; float:right;}
div.alignright span a{ color:#c80009; font-size:12px;}


.entry hr{ margin-bottom:8px;}

.narrowcolumn{ float: left;	padding: 0 13px; margin: 0; width: 506px;}
.widecolumn{ float: left; padding: 0 13px; margin: 0; width: 506px;}

.post {	text-align: justify; float:left; padding-bottom:12px; width:100%;}

.post_box{ padding:0;}
.post-top{ background:url(images/post-top.jpg) left top no-repeat; padding:14px; padding-right:0; padding-bottom:0; float:left; width:94%;}
.post-bottom{ background:url(images/post-bottom.jpg) left bottom no-repeat; padding:14px; padding-top:0; padding-bottom:0; float:left;min-width:478px;}

.bor{ border-top:1px solid #e8e8e8; padding-top:12px;}

.post-bottom div.entry{ width:486px;}

* html img.alignright { padding:0 0 4px 0; margin: 0 0 2px 0;}
img.alignright { padding:0 4px 4px 4px; margin: 0 0 2px 7px; display: inline;float:right;}
img.alignleft { padding:0 4px 4px 4px; margin: 0 7px 2px 0;	display: inline;}
.alignright { float: right; text-align:right; width:250px;}
.alignleft { float: left; text-align:left; width:250px;}

img.alignleft{ width:auto;}
img.alignright{ width:auto;}

div.post-bottom ol li a.more-link, div.post-bottom p a.more-link{ border:1px solid #ECECEC; color:#333333; display:block; float:right; font-size:11px; font-weight:bold; width:77px; padding:1px 5px 1px 5px; text-align:left; text-decoration:none; text-transform:uppercase; margin-bottom:10px;}
div.post-bottom ol li a.more-link:hover, div.post-bottom p a.more-link:hover{ color:green; border:1px solid green;}

/*div.post-bottom ol li a.more-link{ background:url(images/read-more.jpg) left top no-repeat; width:98px; height:22px; float:right; color:#4f4e50; text-decoration:none; font-size:12px; font-weight:bold; text-align:center; padding-top:4px; text-transform:uppercase; margin-bottom:10px;}
div.post-bottom ol li a.more-link:hover{ color:green; border:1px solid green;}*/

div.post-bottom p a{ color:#C80009;}

div.alignleft a{ color:#C80009;}
div.alignright a{ color:#C80009;}

div.alignleft span.older{ background:none;}
div.alignright span.newer{ background:none;}

div.alignleft span.older a{ background:url(images/older.jpg) left top no-repeat; width:99px; height:21px; float:left; color:#4f4e50; text-decoration:none; font-size:12px; font-weight:bold; padding-left:19px; padding-top:6px; text-transform:uppercase;}
div.alignright span.newer a{ background:url(images/newer.jpg) left top no-repeat; width:121px; height:21px; float:right; color:#4f4e50; text-decoration:none; font-size:12px; font-weight:bold; padding-right:19px; padding-top:6px; text-transform:uppercase;}

div.alignleft span.older a:hover{ color:green;}
div.alignright span.newer a:hover{ color:green;}

div.entry{ float:left; padding-top:10px; width:506px;}

div.entry small{ color:#333333; font-size:12px; padding-bottom:8px; float:left;}

div.post-bottom p.postmetadata{ color:#c80009; font-size:12px; font-weight:bold;}
div.post-bottom p.postmetadata a{ font-size:12px; text-decoration:none; font-weight:normal; color:#333333;}
div.post-bottom p.postmetadata a:hover{ text-decoration:underline;}

#commentform { padding:15px 0 0 30px; background:url(images/comment-box.jpg) left top repeat-y; float:left; width:480px;}

#commentform a{ color:#c80009;}

#commentform textarea { width:400px; padding: 2px;}
#commentform #submit {	margin:0; float: left; background:url(images/homepage_button.jpg) left top no-repeat; border:none; width:126px; height:26px; color:#FFFFFF;  font-size:12px; font-weight:bold; padding:0 0 2px 0; cursor:pointer; text-align:center; text-transform:uppercase; font-family:Arial;}
#commentform #submit:hover{ text-decoration:underline;}
#commentform input { width:200px; padding:5px 0 0 5px; height:20px; border:1px solid #d0d0d0;}
#commentform textarea { border:1px solid #d0d0d0;}

.form-bg{ padding:0; width:505px;}
div#respond h3{ background:url(images/reply-icon.jpg) left bottom no-repeat; height:35px; padding:8px 0 0 50px; font-size:18px; color:#da0909; font-family:Tahoma; float:left; margin-left:23px; font-weight:normal;}



.comment-top{ background:url(images/comment-top.jpg) left top no-repeat; padding-top:35px; position:relative;}
.comment-bg{ background:url(images/comment-bg.jpg) left top repeat-y; position:relative;}
.comment-bottom{ background:url(images/comment-bottom.jpg) left bottom no-repeat; position:relative;}
.content{ position:relative; top:-27px; padding:0 20px 0 24px;}


p.serif a{ background:url(images/read-more.jpg) left top no-repeat; width:89px; height:22px; float:right; color:#4f4e50; text-decoration:none; font-size:12px; font-weight:bold; text-align:center; padding-top:4px; text-transform:uppercase;}


.width_300 { width:220px; }
.know { background:#FFFAC8 url(images/image2.gif) no-repeat scroll 97% 4%; border:1px solid #999999; float:right; margin:0 0 5px 10px; padding:10px 10px 0;}
.quick_tip h2{ background:none; border:medium none; color:#000000; font-size:14px; font-weight:bold; padding:0;}
.quick_tip { background:#FFFAC8 url(images/image4.gif) no-repeat scroll 97% 4%; border:1px solid #999999; float:right; margin:0 0 5px 10px; padding:10px 10px 0; }
.know h2 { background:none; border:medium none; color:#000000; font-size:14px; font-weight:bold; padding:0 0 18px 0;}
.action_step { background:#FFFAC8 url(images/image5.gif) no-repeat scroll 97% 4%; border:1px solid #999999; float:right; margin:0 0 5px 10px; padding:10px 10px 0; }
.action_step h2 { border:medium none; background:none; color:#000000; font-size:14px; font-weight:bold; padding:0; }
.quick_tip h2 { border:medium none; background:none; color:#000000; font-size:14px; font-weight:bold; padding:0;}
.quick_tip { background:#FFFAC8 url(images/image4.gif) no-repeat scroll 97% 4%; border:1px solid #999999; float:right; margin:0 0 5px 10px; padding:10px 10px 0; } .fleft { float:left; margin:0 10px 5px 0; }

/*===================footer css start here============*/
#footer { clear:both; float:left; padding:20px 0 25px 0; text-align:center; width:100%;}
#footer div.fot-content ul{ padding: 6px 0 0 0;}
#footer div.fot-content{ width:756px; float:left; text-align:center;}
#footer div.fot-content ul li{ display:inline; background:url(images/footer-menu-arrow.jpg) right center no-repeat;}
#footer div.fot-content ul li.none{ background:none;}
#footer div.fot-content ul li a{ color:#ebebeb; font-size:11px; padding:0 8px; text-decoration:none;}
#footer div.fot-content ul li a:hover{ text-decoration:underline;}

#footer div.fot-content div.copyright{ color:#EBEBEB; font-weight:normal; display:block; font-family:Tahoma; font-size:11px; text-align:center; font-size:11px;}
#footer div.fot-content div.copyright a{ text-decoration:none; color:#EBEBEB;}
#footer div.fot-content div.copyright a:hover{ text-decoration:underline;}
/*===================footer css end here============*/

* html #ja-mainnavwrap{ margin:-8px 0 0 -5px;}
#ja-mainnavwrap { width: 100% ; padding: 3px 0 0 0; float:left; margin:0 0 0 -5px;}
#ja-mainnav ul, #ja-mainnav li { background-image: none;list-style: none;}
#ja-mainnav span.separator { display:none;}

#commentform div.error, #commentform label.error { clear:both; font-size:13px; padding:0;}
#commentform div.errorlabels label { display:block;}

h2.center{ text-align:left;}


.sticky { background: #f7f7f7; padding: 0 10px 10px;}
.sticky h2 { padding-top: 10px;}

#commentform input:hover, #commentform textarea:hover{ border:1px solid #979797;}
.commentlist li ul li { font-size: 1em;}
.commentlist li { font-weight: bold;}
.commentlist li img.avatar { width:50px; height:50px; float: left; border: 1px solid #eee;	padding: 2px; background: #fff; margin-left:-89px; margin-top:-6px; position:relative;}
.commentlist cite, .commentlist cite a { color:#e51b24; font-weight: bold; font-style: normal; font-size: 13px;}
.commentlist p { font-weight: normal; line-height: 18px; font-size:12px; color:#5a5a5a; text-transform: none;}

#searchform input#searchsubmit{ background:url(images/searcg_button.jpg) left top no-repeat; width:87px; height:29px; font-size:13px; font-weight:bold; color:#FFFFFF; cursor:pointer; border:none; padding:2px 0 5px 0;}
#sidebar #searchform #s { width: 108px; padding: 4px; height:14px; border:1px solid #D6D6D6; width:200px; }
#sidebar #searchsubmit { padding: 1px;}

.narrowcolumn #searchform #s { width: 108px; padding: 4px; height:16px; border:1px solid #D6D6D6; width:240px; float:left; margin-right:5px;}
.narrowcolumn #searchform input#searchsubmit{ background:url(images/searcg_button.jpg) left top no-repeat; font-size:12px; font-weight:bold; text-transform:uppercase; letter-spacing:-10px; text-indent:-9999999px; float:left; width:69px; height:26px; text-align:center; padding:0; border:none; margin:0; cursor:pointer; color:#FFFFFF;}

.widecolumn .smallattachment { text-align: center; float: left; width: 128px; margin: 5px 5px 5px 0px;}
.widecolumn .attachment { text-align: center; margin: 5px 0px;}
.postmetadata { clear: both;}
.clear { clear: both;}

/*======================joomla template css start here==================*/

img.centered { display: block; margin-left: auto; margin-right: auto;}

.entry ul { margin-left: 0px; padding: 0;/* text-indent: -10px;*/}
.entry li { margin: 0; background:url(images/dot_icon.gif) left 6px no-repeat; padding:0 0 6px 15px; list-style: none; }
*+ html .entry ul{ padding-left:0;} 
*+ html .entry li{ margin: 0 0 0 10px;background:url(images/dot_icon.gif) left 3px no-repeat;} 

.entry ul.checkbox{ padding:0;}
.entry ul.checkbox li{ background:url(images/check_icon.gif) left center no-repeat; padding-left:29px;}

*+ html .entry li{ background:url(images/arrow_icon.gif) left center no-repeat; padding-left:20px;}

.entry ol { padding: 0 0 0 22px; margin: 0; }
.entry ol li { margin:0; padding:0 0 5px 0; background:none; list-style:decimal;}
* html .entry ol li { margin:0 0 0 14px;}
.postmetadata ul, .postmetadata li { display: inline; list-style-type: none; list-style-image: none;}

/* Begin Form Elements */

#searchform { margin: 0; padding: 0; text-align: center;}
.entry form { /* This is mainly for password protected posts, makes them look better. */ text-align:center; }

select { width: 130px; }

/* Begin Comments*/

.alt { margin: 0; padding: 0; }
.commentlist { width:443px; position:relative; float:left; padding:0 0 0 68px; text-align: justify; }
.commentlist li {margin: 15px 0 0 0; padding: 5px 0 0 0; float:left; width:100%; list-style: none;}
.commentlist li ul li {  margin-right: -5px; margin-left: 10px; }
.commentlist p { margin: 0; padding:0 0 5px 0;}
.children { padding: 0; }

#commentform p { margin: 5px 0; }
.nocomments { text-align: center; margin: 0; padding: 0;}
.commentmetadata { margin: 0; display: block; background:url(images/comment-border.jpg) center bottom no-repeat; padding-bottom:8px; margin-bottom:8px;}
.commentmetadata a{ color:#020202; font-size:11px; font-weight:normal; text-decoration:none;}
.commentmetadata a:hover{ text-decoration:underline;}
span.says{ color:#5a5a5a; font-weight:normal;}

/* End Comments */
blockquote cite { margin: 5px 0 0; display: block; }
.center { text-align: center; } 

.hidden { display: none;}

.screen-reader-text { position: absolute; left: -1000em;}


.navigation { display: block; text-align: center; margin-bottom: 10px; float:left; width:100%;}

/* End Various Tags & Classes*/

/* Captions */

.aligncenter,
div.aligncenter { display: block; margin-left: auto; margin-right: auto;}

/* "Daisy, Daisy, give me your answer do. I'm half crazy all for the love of you.
	It won't be a stylish marriage, I can't afford a carriage.
	But you'll look sweet upon the seat of a bicycle built for two." */

body.contentpane { width: auto; /* Printable Page */ margin: 1em 2em; line-height: 1.3em; margin: 0px 0px 0px 0px; font-size: 12px; color: #333;}

/*--------------------------------------------------------- */

.button { background:transparent url(images/user_login.jpg) no-repeat scroll left top; border:medium none; color:#FFFFFF; cursor:pointer; float:left; font-size:13px;
font-weight:bold; height:27px; margin-top:6px; padding:0 0 3px 0; text-align:center; width:76px;}
* html .button { padding: 2px 0 !important; /*IE 6*/}
*+html .button { padding: 2px 0 !important; /*IE 7*/}

/* Tips, Error, Message, Hightlight*/

p.error { padding-left: 25px; color: #BF0000; background: url(images/icon-error.gif) no-repeat top left;}
p.message { padding-left: 25px; color: #006699; background: url(images/icon-info.gif) no-repeat top left;}
p.tips { padding-left: 25px; color: #EE9600; background: url(images/icon-tips.gif) no-repeat top left; }

.highlight { padding: 1px 5px; background: #FFFFCC; font-weight: bold;}
/* Note Style */

p.stickynote { padding: 10px 0px 10px 40px; border: 1px solid #CACACC; background: url(images/sticky-bg.gif) no-repeat 5px center #FFFFFF;}
p.download { padding: 10px 0px 10px 40px; border: 1px solid #CACACC; background: url(images/download-bg.gif) no-repeat 5px center #FFFFFF;}
.blocknumber { clear: both; padding: 5px 15px 10px; position: relative;}
/* Check list */ 
ul.checklist { list-style: none;}
ul.checklist li { margin-left: 15px; padding: 0 0 5px 20px; background: url(images/checklist-bg.gif) no-repeat 0 3px;}
/* Small checklist */ 
ul.small-checklist { list-style: none;}
ul.small-checklist li { margin-left: 15px; padding: 0 0 5px 20px; background: url(images/icon_list.gif) no-repeat 0 3px;}

/* Check list */

ul.stars { list-style: none;}
ul.stars li { margin-left: 15px; padding: 0px 0 5px 20px; background: url(images/star-bg.gif) no-repeat 0 3px;}


/* Bignumber */

.bignumber { float: left; margin-right: 8px; padding: 6px 7px; display: block; background: url(images/ol-bg.gif) no-repeat top left; color: #7BA566;
font: bold 20px/normal Arial, sans-serif;}

/* Talking box. Thinking box. */
div.bubble1, div.bubble2, div.bubble3, div.bubble4 { margin: 15px 0; }

div.bubble1 span.author,
div.bubble2 span.author,
div.bubble3 span.author,
div.bubble4 span.author { padding-left: 15px; margin-left: 15px; background: url(images/author.gif) no-repeat center left; font-weight: bold;}
 
div.bubble1 div { margin: 0; width: 100%; background: url(images/bub1-br.gif) no-repeat bottom right;}
div.bubble1 div div { background: url(images/bub1-bl.gif) no-repeat bottom left;}
div.bubble1 div div div { background: url(images/bub1-tr.gif) no-repeat top right;}
div.bubble1 div div div div { background: url(images/bub1-tl.gif) no-repeat top left;}
div.bubble1 div div div div div { margin: 0; padding: 15px 15px 30px 15px; width: auto;}

div.bubble2 div { margin: 0; width: 100%; background: url(images/bub2-br.gif) no-repeat bottom right;}
div.bubble2 div div { background: url(images/bub2-bl.gif) no-repeat bottom left;}
div.bubble2 div div div { background: url(images/bub2-tr.gif) no-repeat top right;}
div.bubble2 div div div div { background: url(images/bub2-tl.gif) no-repeat top left;}
div.bubble2 div div div div div { margin: 0; padding: 15px 15px 35px 15px; width: auto; }

div.bubble3 div { margin: 0; width: 100%; background: url(images/bub3-br.gif) no-repeat bottom right;}
div.bubble3 div div { background: url(images/bub3-bl.gif) no-repeat bottom left;}
div.bubble3 div div div { background: url(images/bub3-tr.gif) no-repeat top right;}
div.bubble3 div div div div { background: url(images/bub3-tl.gif) no-repeat top left;}
div.bubble3 div div div div div { margin: 0; padding: 15px 15px 50px 15px; width: auto;}

div.bubble4 div { margin: 0; width: 100%; background: url(images/bub4-br.gif) no-repeat bottom right;}
div.bubble4 div div { background: url(images/bub4-bl.gif) no-repeat bottom left;}
div.bubble4 div div div { background: url(images/bub4-tr.gif) no-repeat top right;}
div.bubble4 div div div div { background: url(images/bub4-tl.gif) no-repeat top left;}
div.bubble4 div div div div div { margin: 0; padding: 15px 15px 55px 15px; width: auto;}

/* Legend */

.legend-title { margin: 0; padding: 0 3px; float: left; display: block; background: #F6F6F6; font-weight: bold; position: absolute; top: -10px; left: 7px;}
.legend { margin: 20px 0; padding: 0 10px; border: 1px solid #CACACC; background: #FFFFFF; position: relative;}
/* JOOMLA STYLE

--------------------------------------------------------- */
.article_separator { clear: both; display: block;height: 20px;}
.column_separator { padding: 0 25px;}

/* content tables */
td.sectiontableheader {  padding: 4px;  border-right: 1px solid #fff;}

tr.sectiontableentry0 td,
tr.sectiontableentry1 td,
tr.sectiontableentry2 td { padding: 4px;}

td.sectiontableentry0,
td.sectiontableentry1,
td.sectiontableentry2 { padding: 3px;}

table.contentpane { border: none; width: 100%;}
table.contentpaneopen { border: none; border-collapse: collapse; border-spacing: 0;}

table.contenttoc { margin: 0 0 10px 10px; padding: 0; width: 35%; 	float: right;}
table.contenttoc a { text-decoration: none;}
table.contenttoc td { padding: 1px 5px 1px 25px; background: url(images/bullet-list.gif) no-repeat 5% 50%;}
table.contenttoc th { padding: 0 0 3PX; 	border-bottom: 1px solid #CCCCCC; text-indent: 5px}



table.poll {

	padding: 0;

	width: 100%;

	border-collapse: collapse;

}



table.pollstableborder {

	padding: 0;

	width: 100%;

	border: none;

	text-align: left;

}



table.pollstableborder img {

	vertical-align: baseline;

}



table.pollstableborder td {

	padding: 4px!important;

	border-collapse: collapse;

	border-spacing: 0;

}



table.pollstableborder tr.sectiontableentry1 td {

	background: #ECECEC;

}



table.searchintro {

	padding: 10px 0;

	width: 100%;

}



table.searchintro td {

	padding: 5px!important;

}

.blog_more {

	padding: 10px 0;

	background: url(images/hdot.gif) repeat-x top;

}



.blog_more strong {

	margin: 0 0 5px;

	display: block;

	font-size: 125%;

}



.blog_more ul {

	margin: 0;

	padding: 0;

}



.blog_more ul li {

	margin: 0;

	padding: 0 0 0 17px;

	background: url(images/bullet.gif) no-repeat 6px 8px;

}



.category {

	font-weight: bold;

}



.componentheading {

	font-size: 200%;

	font-weight: bold;

}



.contentdescription {

	padding-bottom: 30px;

}



table.blog .contentheading {

	font-size: 150%;

}



.contentheading {

	font-size: 200%;

}



a.contentpagetitle,

a.contentpagetitle:hover,

a.contentpagetitle:active,

a.contentpagetitle:focus {

	text-decoration: none !important;

}



a.readon {

	float: left;

	margin-top: 10px;

	padding: 1px 5px 1px 14px;

	border: 1px solid #F6F6F6;

	display: block;

	background: url(images/arrow.png) no-repeat 5px 48%;

	color: #006699;

	font-weight: bold;

	text-decoration: none;

	text-transform: uppercase;

}



a.readon:hover, a.readon:active, a.readon:focus {

	border: 1px solid #ECECEC;

	background: url(images/arrow.png) no-repeat 5px 48% #FFFFFF;

}



table.contentpaneopen td, table.contentpane td {

}



table.contentpaneopen, table.contentpane, table.blog {

	width: 100%;

}



.moduletable {

	padding: 0;

}



ul.pagination {

	margin: 15px auto;

	padding: 10px 0;

	background: url(images/hdot.gif) repeat-x top;

}



ul.pagination li {

	margin: 0;

	padding: 0;

	display: inline;

	background: none;

}



ul.pagination li span{

	padding: 2px 5px;

}



ul.pagination a {

	padding: 2px 5px;

	border: 1px solid #F6F6F6;

}



ul.pagination a:hover, ul.pagination a:active, ul.pagination a:focus {

	border: 1px solid #ECECEC;

	background: #FFFFFF;

}



.pagenavbar {

	padding-left: 14px;

}



.pagenavcounter {

	padding: 8px 14px 0 14px;

}



.sectiontableheader {

	padding: 8px 5px;

	background: #444444;

	color: #FFFFFF;

}



.sectiontableheader a {

	color: #FFFFFF;

}



tr.sectiontableentry1 td {

	padding: 8px 5px;

	background: url(images/hdot2.gif) repeat-x bottom;

}



tr.sectiontableentry2 td {

	padding: 8px 5px;

	background: url(images/hdot2.gif) repeat-x bottom #ECECEC;

}



tr.sectiontableentry1:hover td,

tr.sectiontableentry2:hover td {

	background: url(images/hdot2.gif) repeat-x bottom #FFFFCC;

}



.smalldark {

	text-align: left;

}



div.syndicate div {

	text-align: center;

}



.pollstableborder tr.sectiontableentry1 td,

.pollstableborder tr.sectiontableentry2 td {

	background: none;

}



/* META

--------------------------------------------------------- */

.article-tools {

	border-top: 1px solid #DDDDDD;

	width: 100%;

	float: left;

	clear: both;

	margin-bottom: 15px;

	display: block;

	background: #ECECEC;

}



.article-meta {

	padding: 5px;

	width: 80%;

	float: left;

}



.createby {

	padding: 3px 3px 3px 20px;

	background: url(images/icon-user.gif) no-repeat 0 2px;

}



.createdate {

	padding: 3px 3px 3px 20px;

	background: url(images/icon-date.gif) no-repeat 0 2px;

}



.modifydate {

	width: 100%;

	float: left;

}



div.buttonheading {

	float: right;

	width: 15%;

}



.buttonheading img {

	margin: 7px 5px 0 0;

	border: 0;

	float: right;

}



/* MAIN LAYOUT DIVS

--------------------------------------------------------- */

#ja-wrapper {

	width: 980px;

	margin:0 auto;

	padding:15px 0;



}



#ja-containerwrap {

	 background:url(images/top.jpg) left top no-repeat; width:100%; float:left; padding-top:6px;

}



#ja-containerwrap2 {

	 background:url(images/top.jpg) left top no-repeat; width:100%; float:left; padding-top:6px

}



#ja-container {

	 background:url(images/bottom.jpg) left bottom no-repeat; width:100%; float:left; padding-bottom:6px

}



#ja-container2 {

	 background:url(images/middle_bg.jpg) left top repeat-y; width:968px; float:left; padding:2px 6px;

}



#ja-mainbody-fr #ja-col1 {

	width: 20%;

}



#ja-mainbody-fr #ja-contentwrap {

	width: 69%;

}



#ja-mainbody, #ja-mainbody-fl {

	float: left;

	width: 69%;

}



#ja-mainbody #ja-contentwrap {

	float: right;

	width: 75%;

}



#ja-mainbody-fl #ja-contentwrap {

	float: left;

	width: 100%;

}



#ja-mainbody-f, #ja-mainbody-fr {

	float: none;

	width: 100%;

}



#ja-mainbody-fr #ja-contentwrap {

	width: 74.8%;

	float: right;

}



#ja-mainbody-fr #ja-col1 {

	width: 20%;

	float: left;

}



#ja-mainbody-fr #ja-contentwrap {

	width: 80%;

}



#ja-content {

	padding: 0;

}

#ja-contentwrap {

	min-height: 300px;

	height: auto;

}

* html #ja-contentwrap {

	height: 300px;

}

#ja-mainbody-fl #ja-content {

	padding:5px 16px 0 12px;

}



#ja-mainbody-f #ja-content {

	padding: 0;

}



/* Full */

#ja-containerwrap-f {

	background: url(images/cwf-bg.gif) repeat-x top left #F6F6F6;

}



#ja-containerwrap-f #ja-containerwrap2 {

	background: none;

}



#ja-containerwrap-f #ja-container,

#ja-containerwrap-f #ja-container2 {

	background: none;

}



/* Full left 

#ja-containerwrap-fl {

	background: url(images/cwf-bg.gif) repeat-x top left #F6F6F6;

}

*/



/* Full right */

#ja-containerwrap-fr {

	background: url(images/cw-bg1.gif) repeat-y 50% 0;

}



#ja-containerwrap-fr #ja-containerwrap2 {

	background: url(images/cw-bg2.gif) no-repeat 50% 0;

}



/* HEADER

--------------------------------------------------------- */

#ja-headerwrap { background:url(images/header.jpg) left top no-repeat; width:926px; height:119px; float:left; padding:0 27px;}



#ja-header { padding:0; margin:0;}



.ja-headermask {

	width: 602px;

	display: block;

	background: url(images/header-mask.png) no-repeat top right;

	height: 80px;

	position: absolute;

	top: 0;

	right: -1px;

}



#ja-header a {

	color: #CCCCCC;

}





h1.logo, h1.logo-text {

	margin: 0 0 0 5px;

	padding: 15px 0 0 0;

	font-size: 180%;

	text-transform: uppercase;

	float:left;

}



h1.logo a {

	width: 208px;

	float:left;

	padding:15px 0 0 4px;

	display: block;

	background: url(images/logo.jpg) no-repeat;

	height: 47px;

	position: relative;

	z-index: 100;

}



h1.logo a span {

	position: absolute;

	top: -1000px;

}



h1.logo-text a {

	color: #CCCCCC !important;

	text-decoration: none;

	outline: none;

	position: absolute;

	bottom: 40px;

	left: 5px;

}



p.site-slogan {

	margin: 0;

	padding: 0;

	padding: 2px 5px;

	color: #FFFFFF;

	background: #444444;

	font-size: 92%;

	position: absolute;

	bottom: 20px;

	left: 0;

}



/* Search */

#ja-search {

	 background:url(images/search_bg.gif) left top no-repeat; width:214px; height:22px; float:right; padding:3px 0 0 10px; position:relative; margin-right:-16px; margin-top:-33px;}

*+ html #ja-search{ margin-top:-34px;}

#ja-search input{ border:none; background:none; width:174px; height:15px; float:left;}

#ja-search input#searchsubmit{ background:url(images/searchButton.gif) left top no-repeat; font-size:0; letter-spacing:-10px; text-indent:-9999999px; float:left; width:17px; height:17px; padding:0; border:none; margin:0; cursor:pointer; color:#FFFFFF;}

#ja-search div.search{ padding:0; margin:0;}



/* MAIN NAVIGATION

--------------------------------------------------------- */



#ja-pathway {

	font-size: 92%;

}



#ja-pathway strong {

	margin-right: 5px;

	font-weight: normal;

}



#ja-pathway a {

	text-decoration: none;

}



#ja-pathway img {

	margin: 1px 5px;

}



/* MODULE

--------------------------------------------------------- */

div.moduletable,

div.moduletable_menu,

div.moduletable_text {

	padding: 0 0 20px;

	margin-bottom: 15px;

	background: url(images/hdot.gif) repeat-x bottom;

}



div.moduletable h3,

div.moduletable_menu h3,

div.moduletable_text h3 {

	padding: 0 0 8px;

	margin: 0;

	color: #7BA566;

	font-size: 125%;

	font-weight: bold;

	text-transform: uppercase;

}



/* Module rounded */

div.module h3 {

	margin: 0;

	padding: 11px 10px;

	color: #e51b24;

	font-size: 15px;

	font-weight: bold;

	text-transform: uppercase;

	background:url(images/right_round_top.jpg) left top no-repeat;

	height:19px;

	width:96%;

}



div.module_black,

div.module_green,

div.module_blue,

div.module_red,

div.module {

	margin: 0;

	float: left;

	clear: both;

	width: 100%;

	background: url(images/b-br.gif) no-repeat bottom right #FFFFFF;

}



div.module div {

	padding-top:5px;

}



div.module div div {

	/*background: url(images/b-tr.gif) no-repeat top right;*/

}



div.module div div div {

	padding: 0;

	/*background: url(images/b-tl.gif) no-repeat top left;*/

}



div.module_black div div div div,

div.module_green div div div div,

div.module_blue div div div div,

div.module_red div div div div,

div.module_text div div div div,

div.module div div div div {

	 /*background:#efefef url(images/right_round_bg.jpg) left top repeat-x; padding:0;*/

}



div.article-content{ padding:0;}



div.jamod-content{ background:#efefef url(images/right_round_bg.jpg) left top repeat-x; padding:0; float:left; margin:0;}



div.jamod-content ul.newsfeed{ padding:0; margin:0;}

div.jamod-content ul.newsfeed li{ background:#f1f1f1 url(images/latest_news_bg.jpg) left top repeat-x; padding:8px 0;}

div.jamod-content ul.newsfeed li a{ color:#787878; font-size:12px; font-weight:bold; padding:0; background:none; border:none; padding:0; margin:0; float:none; text-align:left;}



div.module_text h3 {

	margin: 0 0 10px;

	width: 100%;

	clear: both;

	display: block;

	overflow: hidden;

}

div.jamod-content p{ padding:16px; margin:0;}

div.jamod-content a{ background: url(images/right_round_bottom.jpg) left top no-repeat; float:left; width:265px; height:27px; padding-right:35px; border-top:1px solid #c3c3c3; text-align:right; color:#4f4e50; font-weight:normal; text-decoration:none; padding-top:5px;}

div.jamod-content a:hover{ text-decoration:underline;}



div.module_text span {

	padding: 0 3px 0 0;

	float: left;

	clear: both;

	display: block;

	background: #F6F6F6;

	font-weight: bold;

}



div.module_text {

	margin-bottom: 20px;

	padding: 0;

	float: left;

	clear: both;

	width: 100%;

	background: url(images/bt-br.gif) no-repeat bottom right #F6F6F6;

}



div.module_text div {

	background: url(images/bt-bl.gif) no-repeat bottom left;

}



div.module_text div div {

	background: url(images/bt-tr.gif) no-repeat top right;

}



div.module_text div div div {

	padding: 0 15px 10px;

	display: block;

	background: url(images/bt-tl.gif) no-repeat top left;

}



div.banneritem_text {

	padding: 5px 0 !important;

}



/* red */

div.module_black h3,

div.module_green h3,

div.module_blue h3,

div.module_red h3 {

	margin: 0 -15px 10px;

	padding: 8px 15px 5px;

	border-bottom: 1px solid #F6F6F6;

	color: #FFFFFF;

	font-size: 125%;

	font-weight: bold;

	text-transform: uppercase;

}



div.module_red {

	background: url(images/br-br.gif) no-repeat bottom right #BF0000;

	color: #FFFFFF;

}



div.module_red div {

	background: url(images/br-bl.gif) no-repeat bottom left;

}



div.module_red div div {

	background: url(images/br-tr.gif) no-repeat top right;

}



div.module_red div div div {

	padding: 0 15px 10px;

	background: url(images/br-tl.gif) no-repeat top left;

}



/* blue */

div.module_blue {

	background: url(images/bb-br.gif) no-repeat bottom right #006699;

	color: #FFFFFF;

}



div.module_blue div {

	background: url(images/bb-bl.gif) no-repeat bottom left;

}



div.module_blue div div {

	background: url(images/bb-tr.gif) no-repeat top right;

}



div.module_blue div div div {

	padding: 0 15px 10px;

	background: url(images/bb-tl.gif) no-repeat top left;

}



/* green */

div.module_green {

	background: url(images/bg-br.gif) no-repeat bottom right #7BA566;

	color: #FFFFFF;

}



div.module_green div {

	background: url(images/bg-bl.gif) no-repeat bottom left;

}



div.module_green div div {

	background: url(images/bg-tr.gif) no-repeat top right;

}



div.module_green div div div {

	padding: 0 15px 10px;

	background: url(images/bg-tl.gif) no-repeat top left;

}



/* black */

div.module_black {

	background: url(images/bl-br.gif) no-repeat bottom right #333333;

	color: #FFFFFF;

}



div.module_black div {

	background: url(images/bl-bl.gif) no-repeat bottom left;

}



div.module_black div div {

	background: url(images/bl-tr.gif) no-repeat top right;

}



div.module_black div div div {

	padding: 0 15px 10px;

	background: url(images/bl-tl.gif) no-repeat top left;

}



div.module_blue ul,

div.module_blue ol,

div.module_red ul,

div.module_red ol,

div.module_black ul,

div.module_black ol,

div.module_green ul,

div.module_green ol {

	margin: 0;

	padding: 0;

}



div.module_blue li,

div.module_red li,

div.module_black li,

div.module_green li {

	margin-left: 20px;

	padding: 0;

	line-height: 150%;

}



div.module_blue a,

div.module_red a,

div.module_black a,

div.module_green a {

	color: #FFFFFF;

}



div.advs {

	float: left;

	width: 100%;

	clear: both;

	display: block;

}



/* LEFT COLUMN + RIGHT COLUMN

--------------------------------------------------------- */

#ja-col1 {

	float: left;

	width: 24.99%;

	padding-top: 10px;

	overflow: hidden;

}



#ja-col2 {

	float: left;

	width: 31%;

	overflow: hidden;

}



#ja-col1 table,

#ja-col2 table {

	border-collapse: collapse;

	border-spacing: 0;

}



#ja-col1 ul li,

#ja-col2 ul li {

	padding-left: 15px;

	margin: 0;

}



#ja-col1 ul, #ja-col2 ul {

	margin: 0;

}



#ja-col1 ol, #ja-col2 ol {

	margin-left: 5px;

}



#ja-col1 .article_separator,

#ja-col2 .article_separator {

	display: none;

}



/* SPOTLIGHT

--------------------------------------------------------- */

/* Spotlight Box Style */

.ja-box-full, .ja-box-left, .ja-box-center, .ja-box-right {

	float: left;

	overflow: hidden;

}



.ja-box-left div.moduletable,

.ja-box-full div.moduletable {

	padding-right: 30px;

	background: none;

}



.ja-box-right div.moduletable {

	padding-left: 30px;

	background: url(images/vdot2.gif) repeat-y left;

}



.ja-box-center div.moduletable {

	padding: 0 30px;

	background: url(images/vdot2.gif) repeat-y left;

}



#ja-botsl h3 {

	background: none;

}



#ja-botslwrap {

	border-top: 5px solid #CCCCCC;

	background: #444444;

	color: #CCCCCC;

}



#ja-botsl {

	padding: 15px 0;

}



#ja-botsl div.moduletable {

	padding-top: 0;

	padding-bottom: 0;

	margin: 0;

}



#ja-botsl h3 {

	margin: 0 0 12px;

	padding: 0;

	color: #FFFFFF;

}



#ja-botsl a {

	color: #CCCCCC;

}



#ja-botsl a:hover, #ja-botsl a:active, #ja-botsl a:focus {

	color: #FFFFFF;

}



#ja-botsl ul, #ja-botsl p, #ja-botsl ol {

	padding: 0;

	margin: 0 !important;

}



#ja-botsl ul li {

	padding: 0 0 0 15px;

	margin: 0;

	background: url(images/bullet2.gif) no-repeat 3px 8px;

}



#ja-botsl ol li {

	margin-left: 25px;

	padding: 0 !important;

}



#ja-botsl td {

	padding: 0;

}



#ja-botsl .article_separator {

	display: none;

}



#ja-botsl table {

	border-spacing: 0;

	border-collapse: collapse;

}



/* FOOTER

--------------------------------------------------------- */

#ja-footerwrap {

	padding: 10px 0;

	clear: both;

	width:100%;

	float:left;

	text-align:center;

}



#ja-footer {

	padding: 0;

	color: #666666;

	background: url(images/vdot.gif) repeat-y 22% 0;

	position: relative;

}



#ja-footer .copyright {

	display: block;

	color: #ebebeb; font-size:11px; text-align:center; font-family:Tahoma;

	margin-bottom:15px;

}

#ja-footer .copyright { padding:0 4px; display:inline;}

#ja-footer .copyright a{ font-weight:bold; color:#ffffff;}

#ja-footer .copyright a:hover{ font-weight:bold; text-decoration:underline;}

#ja-footer .copyright li.item64{ background:none;}



#ja-footnav {

	padding-left: 25%;

}



#ja-footer ul {

	margin: 0 0 5px;

	padding: 0;

}



#ja-footer li {

	margin: 0;

	padding: 0;

	display: inline;

	background: none;

}



#ja-footer li a {

	padding: 0 15px 0 0;

	display: inline;

	color: #666666;

	font-weight: bold;

	font-size: 92%;

	line-height: normal;

	text-decoration: none;

	text-transform: uppercase;

}



#ja-footer li a:hover, #ja-footer li a:active, #ja-footer li a:focus {

	color: #333333;

	text-decoration: none;

}



.ja-cert {

	font-size: 92%;

	position: absolute;

	right: 0;

	top: 18px;

}



.ja-cert a { margin: 0 0 0 5px; padding: 0; border: none; border: none; text-decoration: none; }
.ja-cert a span { display: none;}
.ja-cert a img { border: none;}
.banneritem { display: block; margin-top: 15px;}



/* MISCELLANOUS

----------------------------------------------------------- */

ul.accessibility { position: absolute; top: -100%;}
/*usertool*/

ul.ja-usertools-font { font-size: 11px; position: absolute;	top: 8px;	right: 70px;}

ul.ja-usertools-font li { padding: 0; margin: 0; display: inline; background: none;}
/*collapsible h3*/
h3.show { background: url(images/arrow2.png) no-repeat 90% 60%; }
h3.hide { background: url(images/arrow3.png) no-repeat 90% 60%; cursor: pointer; }



/*others*/

#ja-banner { padding-bottom:10px; position:relative; margin-left:-12px;}

div.back_button a,
div.back_button a:hover,
div.back_button a:active { margin: 10px 0; display: block; background: none!important; text-decoration: none!important;}

#form-login p { margin: 0 0 5px;}
#form-login ul { margin: 10px 0 0;}
#form-login .inputbox { width: 90%;}
.clr { clear: both;}
.hasTip img { margin: 10px 5px 0 0; border: none;}

/* Tooltips */
.tool-tip { float: left; border: 1px solid #D4D5AA; padding: 5px; background: #FFFFCC; 	max-width: 200px;}

.tool-title { padding: 0; margin: 0; margin-top: -15px; padding-top: 15px; padding-bottom: 5px; background: url(system/images/selector-arrow.png) no-repeat; 	font-size: 100%; font-weight: bold;}
.tool-text { margin: 0; font-size: 100%; }

/*================capacitywebsolutions css start here============*/

.top_section{ background:url(images/header.jpg) left top no-repeat; width:926px; height:119px; float:left; padding:0 27px;}
.top_contact{ float:right; padding-top:22px; padding-right:172px;}
.top_contact li{ background:url(images/top_contact_border.jpg) right center no-repeat; color:#4f4e50; font-family:'Trebuchet MS',Arial, Helvetica, sans-serif; padding:0 14px; float:left; list-style:none; text-align:left; margin:0;}
.top_contact li.none{ background:none;}


.welcome{ color:#ffffff; font-size:11px; font-weight:bold; float:left; padding-top:4px;}
.bradcrumb_box{ float:right; padding:10px 0;}
.bradcrumb_box div.login{ float:right;}
.bradcrumb_box table.moduletable{ width:100%;}
.right_nav_top{ background:url(images/right_round_top.gif) left top no-repeat; padding-top:10px; width:100%;}
.right_nav_bottom{ background:url(images/right_round_bottom.gif) left bottom no-repeat; padding-bottom:10px; width:100%;}
.right_nav_bg{ background:url(images/right_nav_bg.gif) left top repeat-y; width:96%; padding:0 2%;}


.right_nav_bg tr td{ border-bottom: 1px solid #d34248; padding:5px 0;}
.right_nav_bg tr td a{ background:url(images/menu_icon.jpg) 6px center no-repeat; font-size:12px; color:#ffffff; padding:8px 0 8px 30px; font-weight:bold; text-transform:uppercase; text-decoration:none;}
.right_nav_bg tr td a#active_menu,.right_nav_bg tr td a:hover{ background:url(images/menu_icon.jpg) 6px center no-repeat; color:#ffb04a;}

div.search_box{ background:url(images/search_bg.gif) left top no-repeat; width:214px; height:22px; float:right; padding:3px 0 0 10px; margin-top:-34px; position:relative; margin-right:-16px;}
div.search_box input{ border:none; background:none; width:184px; height:15px; float:left;}
div.search_box input.button{ width:17px; height:17px;}
div.search_box div.search{ padding:0; margin:0;}

div.right_round_bg{ background:#efefef url(images/right_round_bg.jpg) left top repeat-x; padding:10px 20px;}
div.right_round_bg p{ color:#333333; font-size:12px; line-height:18px;}
div.round_bottom{ background:url(images/right_round_bottom.jpg) left top no-repeat; height:20px; width:100%; border-top:1px solid #c3c3c3; padding:6px 0;}
div.round_bottom a{ background:url(images/read_more.gif) right center no-repeat; padding-right:16px; font-size:12px; color:#4f4e50; text-decoration:none; float:right;}
div.round_bottom a:hover{ color:#e51b24;}

table.moduletable tr th{ background:url(images/right_round_top.jpg) left top no-repeat; width:90%; height:21px; font-family:'Trebuchet MS',Arial, Helvetica, sans-serif; font-size:15px; color:#e51b24; font-weight:bold; text-transform:uppercase; padding:10px;}
.go_top { text-align: right; font-family:Tahoma; padding-right:4px; padding-top:4px; float:right;}
.go_top a{ color:#ffffff; font-size:11px; font-weight:normal; padding-right:8px; text-decoration:none;background:url(images/back-to-top.gif) right center no-repeat;}
.go_top a:hover{ text-decoration:underline;}

table.inner_table_border{ border:1px solid #cccccc; padding:1px; margin-bottom:20px;}
td.td_bg{ background:#e8e8e8; padding:8px;}
fieldset.only { border:1px dotted #DAD8D8;}
fieldset.phrase { border:1px dotted #DAD8D8;}
fieldset.word { border:1px dotted #DAD8D8;}

/*=============form css start here============*/

span.formfield input[type="text"], span.formfield input[type="password"], span.formfield textarea{ border:1px solid #999999;}
form#userForm{ background:url(images/form_bg.jpg) right top no-repeat; width:430px; border:1px solid #CECECE; margin:0 auto;}

table.register_form{ background:url(images/register_bg.jpg) left top repeat-x; border:1px solid #e8e8e8; padding:10px 20px; width:480px; margin:10px auto 0 auto;}
table.register_form button.button{ background:url(images/register_button.jpg) left top no-repeat; width:94px; height:33px; float:left; padding:0; text-align:center; color:#FFFFFF; font-size:13px; font-weight:bold; border:none; cursor:pointer;}

div.shad div.register_form{ background:url(images/register_bg.jpg) left top repeat-x; border:1px solid #e8e8e8; padding:10px 20px; width:330px; float:left;}
div.shad div.register_form fieldset{ border:none;}
div.shad div.register_form fieldset label{ padding-right:10px;}
div.shad div.register_form fieldset input#username{ margin-left:-2px; position:relative;}
div.shad div.register_form fieldset p{ padding-bottom:10px;}
div.shad div.register_form fieldset input.inputbox{ width:180px;}
div.shad div.register_form fieldset p#com-form-login-remember{ padding-left:70px;}
div.shad div.register_form input.button{ background:url(images/user_login.jpg) left top no-repeat; width:76px; height:33px; float:left; padding:0; text-align:center; color:#FFFFFF; font-size:13px; font-weight:bold; border:none; cursor:pointer; margin-left:70px;}

div.register_form ul{ padding-left:92px;}
div.shad{ background:url(images/box_shadow.jpg) left bottom no-repeat; padding-left:58px; float:left; margin-left:50px;}

fieldset.word{ border:1px  dotted #dad8d8;}
fieldset.phrase{ border:1px  dotted #dad8d8;}
fieldset.only{ border:1px  dotted #dad8d8;}

p button.button{ background:url(images/user_login.jpg) left top no-repeat; width:76px; height:30px; float:left; padding:0; text-align:center; color:#FFFFFF; font-size:13px; font-weight:bold; border:none; cursor:pointer; margin-top:6px;}



div.xmap{ line-height:21px;}

form#commentform p{ padding-bottom:0; float:left; width:100%; margin-bottom:5px; }
form#commentform p label{ float:left; width:145px; padding-top:2px; font-size:13px;}
.banner{ padding-bottom:10px;}

.home-form input#submit{ background:url(images/homepage_button.jpg) left top no-repeat; width:228px; height:33px; float:left; padding:0; text-align:center; color:#FFFFFF; font-size:13px; font-weight:bold; border:none; cursor:pointer; margin-top:6px; padding-bottom:5px;}
.home-form fieldset{ padding:20px 30px;}
div#wpmucontent, table.contentpaneopen p { line-height:18px; padding-bottom:20px;}
a.portfoliolink { border:1px solid #EFEFEF; display:block; font-size:11px; height:154px; margin:0 3px; padding:3px; text-decoration:none; width:142px; line-height:14px;}
a.portfoliolink:hover { border: 1px solid #cccccc; background-color: #FFFFCC;}

/*==========menu css start here==============*/
ul,li{ margin:0;}
.menuhxdmenu,.menuhxdmenu  *{margin:0;padding:0;}
div#hxdmoomenu{ z-index:100;}
#hxdmoomenu li li{margin:0;}
.menuhxdmenu {line-height:1.0;float:left;margin-bottom:1.5em;position:relative; z-index:101}
.menuhxdmenu  ul{background:#fff; padding:0;}
.menuhxdmenu  li{float:left;list-style:none;position:relative;}
div#hxdmoomenu li li a, div#hxdmoomenu li.active li a{display:block;padding:0;margin:0;text-decoration:none;float:none;width:100%;}
.menuhxdmenu  li ul{float:none;left:-999em;position:absolute;width:170px;z-index:102;}
.menuhxdmenu  li:hover ul,
.menuhxdmenu  li.sfHover ul{left:0px;top:25px;}
.menuhxdmenu  li:hover li ul,
.menuhxdmenu  li.sfHover li ul,
.menuhxdmenu  li li:hover li ul,
.menuhxdmenu  li li.sfHover li ul,
.menuhxdmenu  li li li:hover li ul,
.menuhxdmenu  li li li.sfHover li ul{top:-999em;}
.menuhxdmenu  li li:hover ul,
.menuhxdmenu  li li.sfHover ul,
.menuhxdmenu  li li li:hover ul,
.menuhxdmenu  li li li.sfHover ul,
.menuhxdmenu  li li li li:hover ul,
.menuhxdmenu  li li li li.sfHover ul{left:170px;top:0px;}
.menuhxdmenu  li li{position:relative;float:none;width:100%;}

/*** EDIT THESE CSS CODES WITH CARE: ENDS ***/
* html #hxdmoomenu ul{ padding-top:7px;}

#hxdmoomenu ul{ margin: 0; padding: 0;}
#hxdmoomenu ul li ul{ padding:0; margin:13px 0 0 6px; line-height:17px; top:23px;}
#hxdmoomenu ul li{ margin:0; padding:0 6px; display:block; background:url(images/menu_arrow.jpg) right center no-repeat;}
#hxdmoomenu ul li.item75{ background:none;}
#hxdmoomenu ul li a{ margin:0; display:block; height: 36px; padding: 0 0 0 23px; cursor:pointer; text-decoration:none; font-weight:bold; float:left;}		
#hxdmoomenu ul li a span{ padding:10px 22px 0 0; height:31px; display:block; float:left; cursor:pointer; color:#4f4e50;}
#hxdmoomenu ul li ul li a span{ padding:5px 0 0 0; height:31px; display:block; float:left; cursor:pointer; color:#FFFFFF;}

#hxdmoomenu ul li#current a,#hxdmoomenu ul li a:hover{ background:url(images/menu-left.gif) left top no-repeat; color:#FFFFFF;}	
#hxdmoomenu ul li#current a span,#hxdmoomenu ul li a:hover span{  background:url(images/menu_right.gif) right top no-repeat; color:#FFFFFF;}	

#hxdmoomenu ul li.sfHover a{ background:url(images/menu-left.gif) left top no-repeat; color:#FFFFFF;}	
#hxdmoomenu ul li.sfHover a span{  background:url(images/menu_right.gif) right top no-repeat; color:#FFFFFF;}
#hxdmoomenu ul li.sfHover ul li a{ background:none;}
#hxdmoomenu ul li.sfHover ul li a span{ background:none;}
#hxdmoomenu ul li.active ul li a,#hxdmoomenu ul li#current ul li a{ background:none; padding:0 0 0 10px;}
#hxdmoomenu ul li#current ul li a:hover{ background:#ad0109;}
#hxdmoomenu ul li.active ul li a span,#hxdmoomenu ul li#current ul li a span{ background:none;}
#hxdmoomenu ul li.active ul li#current{ background:#ad0109;}
#hxdmoomenu ul li.active ul li#current a span,#hxdmoomenu ul li.active ul li#current a{ background:none;  font-size:11px;}
#hxdmoomenu ul li#current ul li a:hover{ background:#ad0109;}
#hxdmoomenu ul li ul li a:hover{ background:#ad0109;}
#hxdmoomenu ul li ul li a:hover span{ background:none;}
#hxdmoomenu ul li ul li{ float:left; background:#da0f18; border-bottom:1px solid #ad0109; border-top:1px solid #ff0000; padding:0; margin:0;}
#hxdmoomenu ul li ul li#current a,#hxdmoomenu ul li ul li a{ color:#FFFFFF; padding:0 10px; width:200px; font-size:11px; height:27px;}
#hxdmoomenu ul li ul li a span{ background:none; height:22px;}

#hxdmoomenu ul li#current a,#hxdmoomenu li.active a { display:block; background:url(images/menu-left.gif) left top no-repeat; color:#FFFFFF;}
#hxdmoomenu ul li#current a span,#hxdmoomenu li.active a span{ background:url(images/menu_right.gif) right top no-repeat; color:#FFFFFF;}
#hxdmoomenu li ul { margin-top:0px; margin-left:auto; width:220px;}
#hxdmoomenu ul ul ul { margin-top:10px; margin-left:-10px; background:#da0f18;}
#hxdmoomenu ul ul li{ display:block; padding:0 0 0 15px; text-align:left; width:220px; margin:0;}
#hxdmoomenu ul ul li a{ display:block; }
#hxdmoomenu li.active li a { background:none; color:#e51b24;}
#hxdmoomenu ul ul li a:hover, #hxdmoomenu ul li.active.parent ul a:hover {	display:block; color:#e51b24;}

/*** Copy upto here ***/
/****** DEMO CSS CODE TO DEMONSTRATE THE IMPLEMENTING SECOND MENU START ***/
/****** These codes are only for demonstration. You can delete this code. ***/
/*** Changes made from orignal CSS: 	
	 Replaced parent UL class menuhxdmenu with menuhxd_moodemo_2
	 Replaced Div ID hxdmoomenu with moomenu2 ***/
.menuhxdmenu2,.menuhxdmenu2  *{margin:0;padding:0;} 
div#moomenu2{ z-index:55;}
#moomenu2 li li{margin:0;}
.menuhxdmenu2 {line-height:1.0;float:left;margin-bottom:1.5em;position:relative; z-index:56}
.menuhxdmenu2  ul{background:#fff; padding:0;}

.menuhxdmenu2  li{float:left;list-style:none;position:relative;}
div#moomenu2 li li a, div#moomenu2 li.active li a{display:block;padding:0;margin:0;text-decoration:none;float:none;width:98%;}
.menuhxdmenu2  li ul{float:none;left:-999em;position:absolute;width:170px;z-index:57;}
.menuhxdmenu2  li:hover ul,
.menuhxdmenu2  li.sfHover ul{left:0px;top:25px;}
.menuhxdmenu2  li:hover li ul,
.menuhxdmenu2  li.sfHover li ul,
.menuhxdmenu2  li li:hover li ul,
.menuhxdmenu2  li li.sfHover li ul,
.menuhxdmenu2  li li li:hover li ul,
.menuhxdmenu2  li li li.sfHover li ul{top:-999em;}
.menuhxdmenu2  li li:hover ul,
.menuhxdmenu2  li li.sfHover ul,
.menuhxdmenu2  li li li:hover ul,
.menuhxdmenu2  li li li.sfHover ul,
.menuhxdmenu2  li li li li:hover ul,
.menuhxdmenu2  li li li li.sfHover ul{left:170px;top:0px;}
.menuhxdmenu2  li li{position:relative;float:none;width:100%;}
/*** EDIT THESE CSS CODES WITH CARE: ENDS ***/

#moomenu2 ul{ margin: 0; padding: 0; background: #ACACAC;}		
#moomenu2 ul li{ margin:0; padding:0; display:block;}
#moomenu2 ul li a{ margin:0; display:block; float: left; height: 25px; line-height: 12px; padding: 0 15px;}		
#moomenu2 ul li a:hover{ display:block;}		

#moomenu2 li.active a { display:block;}
#moomenu2 li ul { margin-top:0px; margin-left:auto; width:195px;}
#moomenu2 ul ul ul { margin:0; margin-top:10px;}
#moomenu2 ul ul li{ display:block; padding:0 0 0 15px;  text-align:left; width:220px; height: 25px;}
#moomenu2 ul ul li a{ display:block;}
#moomenu2 li.active li a { }
#moomenu2 ul ul li a:hover, #moomenu2 ul li.active.parent ul a:hover { display:block;}


.video-box {
background:transparent url(images/video-bg.jpg) no-repeat scroll left top;
margin:0 auto;
height:358px;
margin-bottom:10px;
padding:6px 0 0 6px;
width:471px;
}

.article-button{ background:url(images/article-button.jpg) left top no-repeat; height:34px; width:506px; float:left;}
.article-button span{ display:none;}

.textwidget{ padding-left:15px;}