body{
margin:0;
padding:2px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
height:100%;
background:url(/images/bg.jpg);
}
a{cursor:pointer;}
/*====Structure====*/
/*max-width:1200px;
min-width:980px;
*/
#body{
margin:0 auto;
}
#header{
background:url(/images/topTile.gif);
height:70px;
width:100%;
margin:0 auto;
}
#hcon{
width:980px;
margin:0 auto;
position:relative;
}

#contentBox{
width:980px;
margin:0 auto;
position:relative;

}

#panel{
float:left;
width:370px;
padding-right:30px;
}
#forums{
width:370px;
float:left;

}
#sideBar{
float:left;
width:230px;

}

#forums h1{
background:#6983a6;
margin-left:5px;
margin-right:5px;
margin:0;
margin-top:-13px;
margin-left:5px;
display:block;
font-size:14px;
color:#FFFFFF;
width:98%;
text-indent:10px;
padding-top:10px;
padding-bottom:10px;
}

#forums ul{list-style:none; margin:-5px 0 0 0; padding:0;}
#forums ul li{list-style:none; margin:0 0 10px 0; padding:5px;position:relative;}
#forums ul li p{margin:0; padding:0;display:block; width:300px;}
#forums ul li p a{font-size:16px; color:#0066CC; text-decoration:none;}
#forums ul li span{display:block;width:60px;position:absolute;top:0;right:0;font-size:10px;color:#666666;}
#forums ul li span span.solved{display:block;color:#009900;position:relative;}
#postForum{
margin-left:20px;
font-weight:bold;
font-size:14px;
}
#postForum h2{
font-size:16px;
}
#postForum .text{
border:solid 1px #CCCCCC;
width:550px;
height:25px;
}

#viewpost h1{
font-size:20px;
width:100%;
padding-bottom:5px;
border-bottom:solid 1px #CCCCCC;
}
#viewpost{
font-size:14px;
margin-left:75px;
width:600px;
padding-bottom:10px;
margin-bottom:25px;
}

#viewpost div{
margin-top:10px;
margin-bottom:10px;
padding-top:10px;
padding-bottom:10px;
border-bottom:solid 1px #cccccc;
border-top:solid 1px #cccccc;
}

#viewpost .tag{
padding:5px;
background:#6699CC;
font-weight:bold;
margin:5px;
color:#FFFFFF;
cursor:pointer;
}
#viewpost .tag a{
text-decoration:none;
color:#FFFFFF;
}
#viewpost .tag:hover{
background:#5683b0;
}
#viewpost .tag a:hover{
color:#FFFFCC;
}

#viewpost .vote{
float:left;
font-size:30px;
font-weight:bold;
color:#333333;
width:50px;
height:70px;
margin-left:-75px;
border:none;
text-align:center;
}

#viewpost .vote a{
cursor:pointer;
}


#footer{
width:100%;
margin:0 auto;
line-height:20px;
padding-left:10px;
margin-top:0px;

}
#footer #cont{ width:980px; margin:0 auto; }
#footer h3{margin:5px 0 5px 0;}
/*====Elements====*/
#header h1{
width:184px;
height:70px;
margin:0;
padding:0;
background:url(../images/logo.png) no-repeat;
background-position:0 1px;
}
#header h1 a{
width:330px;
height:70px;
text-indent:-5000px;
display:block;
}
.searchimg {
border:none;
cursor:pointer;
margin-top:5px;
}

#searchform{
display:block;width:350px;height:40px;margin:15px 0 0 0;position:relative;
}
#searchform .s{
position:absolute;top:0;left:15px;
}
#searchform .b{
background:url(/images/search.png) no-repeat;width:81px;height:32px;border:none;cursor:pointer;position:absolute;top:0;left:282px;
}


#sesarchform .textfield{
width:263px;
height:25px;
background:url(../images/textbox.png) no-repeat;
border:none;
position:absolute;
right:78px;
top:0;
font-size:14px;
color:#666666;
padding-top:6px;
padding-left:5px;

}
#search p{
font-size:16px;
display:block;
margin:0;
padding:0;
padding-top:6px;
padding-left:15px;
}
#programmingLanguage{
display:block;
height:30px;
padding-top:5px;
font-weight:bold;
}

.editor{width:30px;height:30px; margin:0 5px 0 5px;border:none;}
.code{background:url(/images/editor/code.gif) no-repeat; float:left;}
.bold{background:url(/images/editor/b.gif) no-repeat; float:left;}
.italic{background:url(/images/editor/i.gif) no-repeat; float:left;}
.quote{background:url(/images/editor/quote.gif) no-repeat; float:left;}
.underline{background:url(/images/editor/u.gif) no-repeat; float:left;}
.link{background:url(/images/editor/a.gif) no-repeat; float:left;}




.textfield{
width:263px;
height:32px;
background:url(../images/textbox.png) no-repeat;
border:none;
padding-left:5px;
padding-top:5px;
}



.textfielda{
width:350px;
height:25px;
padding-left:5px;
padding-top:5px;
border:solid 1px #eeeeee;
-moz-border-radius:5px;
border-radius:5px;
outline:none;
transition: all 0.25s ease-in-out;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
}

.textfielda:focus{
    box-shadow: 0 0 5px rgba(200, 232, 255, 1);
    -webkit-box-shadow: 0 0 5px rgba(200, 232, 255, 1); 
    -moz-box-shadow: 0 0 5px rgba(200, 232, 255, 1); 
}

.textarea{
width:350px;
height:200px;
border:solid 1px #eeeeee;
-moz-border-radius:5px;
border-radius:5px;
outline:none;
transition: all 0.25s ease-in-out;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
}
.textarea:focus{
    box-shadow: 0 0 5px rgba(200, 232, 255, 1);
    -webkit-box-shadow: 0 0 5px rgba(200, 232, 255, 1); 
    -moz-box-shadow: 0 0 5px rgba(200, 232, 255, 1); 
}

.result{
display:block;
margin-bottom:8px;
position:relative;
border-bottom:solid 1px #f8f7f3;

}
#posting, #ques{
padding:5px;
width:590px;
border: dashed 2px #CCCCCC;
}
#posting pre, #ques pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
 padding:3px; background:#eeeeee;
}

#panel pre{
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
 padding:3px; background:#eeeeee;

}

#panel a{ color:#333333; text-decoration:none; }
#panel a:hover{text-decoration:underline;}
#panel .result h2{color:#333333;margin:0;padding:0;font-size:18px;}
#panel .result h2 a{color:#33333;margin:0;padding:0;}
#panel .result p{margin:0 0 10px 0;padding:0;}
.question{
display:block;
border-bottom:solid 1px #f8f7f3;
margin-left:10px;
margin-bottom:2px;
}
.question .user{
display:block;
margin-top:10px;
font-size:10px;
}
.question .user a,.question .user{
color:#999999;
font-weight:normal;
text-decoration:none;
}
#panel .question h2{font-weight:bold;font-size:18px;}
.question .user a{font-style:italic;color:#666666;}
.result h2, .question h2{
margin:0;
padding:0;
font-size:14px;
color:#0066CC;
font-weight:normal;
width
}
.question h2{margin-bottom:10px;}
.result h2 a,.question h2 a{text-decoration:none;color:#0066CC;}
.result h2 a:hover,.question h2 a:hover{text-decoration:underline;}
.result .tags{
margin:0;
margin-bottom:7px;
margin-top:7px;
padding:0;
list-style:none;
position:relative;
height:15px;
width:380px;
overflow:hidden;
}
.result .tags li{
background:#f8f7f3;
list-style:none;
float:left;
padding-left:5px;
padding-right:5px;
margin-left:1px;
margin-right:1px;
}
.result .tags li.t{background:none;font-weight:bold;color:#333333;padding-left:0;margin-left:0;}
.result .tags li a{color:#666666;text-decoration:none;}
.result .tags li a:hover{color:#000000;}
.result .bookmarked{
font-style:italic;
color:#999999;
margin-left:20px;
}

a.cat{color:#666666; font-style:italic; text-decoration:none;margin-left:20px;}
a.cat:hover{text-decoration:underline;}
.result .lang{
font-style:italic;
color:#999999;
margin-left:20px;
}
.result .lang a{
text-decoration:none;
color:#999999;
}
.result .lang a:hover{
color:#0066CC;
}
.result .user a,.result .user{
color:#999999;
font-weight:normal;
text-decoration:none;
font-size:10px;
}
.result .user a{font-style:italic;color:#666666;}
.result .user a:hover{
color:#666666;
}

.result .action a{
font-size:12px;
color:#999999;
text-decoration:none;
}
.result .action a:hover{
color:#0066CC;
}
.news{position:relative;padding-left:45px;margin-bottom:20px;height:80px;}
.news p{margin:0;padding:0; }
.news h2{margin:0;padding:0;}
.newslinks{display:block;margin-top:5px;margin-bottom:10px;padding-left:10px;}
.newslinks a{margin-right:20px;font-weight:normal;color:#666666;text-decoration:none;}
.newslinks a:hover{text-decoration:underline;}
.newslinks a.on{color:#CC0000;}
.flikit{
position:absolute;
padding-top:10px;
left:0;
top:0;
height:90px;
width:40px;
text-align:center;
background:url(/images/flikit.gif) no-repeat;
background-position:top;
}
.flikit .vote{
height:32px;
width:40px;
display:block;
color:#333333;
text-decoration:none;
}

.flikit img{
border:none;
}
#rss{
margin-right:301px;
margin-top:15px;
}
.rss{font-weight:bold;color:#FF9900; text-decoration:none;}
.rss:hover{text-decoration:underline;}
.twit{text-decoration:none;color:#666666;font-weight:bold;}
.twit:hover{text-decoration:underline;}

#header a{color:#999999;font-size:14px;text-decoration:none;}
#header a:hover{text-decoration:underline;}
#header #links{
display:block;
position:absolute;
top:27px;
left:200px;
}
#header #links a{
margin:0 5px 0 0;
padding:0 5px;
display:block;
float:left;
height:25px;
line-height:25px;
text-align:center;
color:#CCCCCC;
text-decoration:none;
font-size:12px;
border:solid 1px #697da1;
-moz-border-radius:7px;
border-radius:7px;
}

#header #links a.home{width:50px;}
#header #links a.home:hover{
background:url(/images/menuHover.png) no-repeat;
background-position:0 0;
}
#header #links a.login{width:50px;}
#header #links a.login:hover{
background:url(/images/menuHover.png) no-repeat;
background-position:0 0;
}
#header #links a.snippet{width:90px;background-position:-154px 100%;}
#header #links a.snippet:hover{
background:url(/images/menuHover.png) no-repeat;
background-position:-154px 0;
}
#header #links a.mysnip{width:90px;background-position:-154px 100%;}
#header #links a.mysnip:hover{
background:url(/images/menuHover.png) no-repeat;
background-position:-154px 0;
}
#header #links a.myacc{width:90px;background-position:-154px 100%;}
#header #links a.myacc:hover{
background:url(/images/menuHover.png) no-repeat;
background-position:-154px 0;
}
#header #links a.logout{width:49px;}
#header #links a.logout:hover{
background:url(/images/menuHover.png) no-repeat;
background-position:0 0;
}
#header #links a.join{width:49px;}
#header #links a.join:hover{
background:url(/images/menuHover.png) no-repeat;
background-position:0 0;
}
#header #links a.help{width:80px;background-position:-245px 100%;}
#header #links a.help:hover{
background:url(/images/menuHover.png) no-repeat;
background-position:-245px 0;
}
#header #links a.discussion{width:80px;background-position:-245px 100%;}
#header #links a.discussion:hover{
background:url(/images/menuHover.png) no-repeat;
background-position:-245px 0;
}
.act{background:url(/images/menuHover.png) no-repeat;background-position:0 100%;}
#footer a{
text-decoration:none;
color:#000;
}
#footer a:hover{
text-decoration:underline;	
}
#sideBar h3{
margin:0;
width:230px;
padding:1px;

color:#000000;
height:18px;
font-size:14px;
}
#sideBar h3 a.va{text-decoration:none;margin-left:5px;font-size:10px;color:#000000;}
#sideBar h3 a.va:hover{text-decoration:underline;}
.userTags{
list-style:none;
margin:0 auto;
padding:0;
width:250px;
margin-bottom:15px;

}
.userTags li{

height:15px;
width:100px;
float:left;

padding:2px;
padding-left:10px;
color:#333333;
}
.userTags li a{
text-decoration:none;
color:#333333;
font-weight:normal;
}
.userTags li a:hover{
text-decoration:underline;
}
#userInfo{
height:20px;
background:#f7f7f7;
font-size:10px;
padding-top:2px;
line-height:20px;
margin: 40px 0;
}
#userInfo img{
vertical-align:top;
}
#userInfo a{
text-decoration:none;
color:#333333;
font-weight:bold;
margin-right:25px;
}
#userInfo a:hover{
text-decoration:underline;
}
.comment{
display:block;
border-bottom:dotted 1px #CCCCCC;
margin-bottom:10px;
position:relative;
}
.answer{
	position:absolute;
	width:60px;
	height:60px;
	top:0;
	right:0px;
	background:url(/images/answer.png) no-repeat;
}
.correct{cursor:pointer;position:absolute;bottom:0;right:10px;border:none;}
.comment h3{font-size:14px; color:#333333;}
.comment h3 a{color:#333333;text-decoration:none;}
.comment h3 a:hover{text-decoration:underline;}
.comment h3 a.remove{font-size:10px; font-weight:normal;}
.cu{
font-style:italic;
}
.comment a{
color:#333333;
text-decoration:none;
}
.comment a:hover{
text-decoration:underline;
}

.cu a{
color:#333333;
text-decoration:none;
}
.cu a:hover{
text-decoration:underline;
}
/*======Menu Tabs======*/
.mainmenu {font-weight:bold;}
.mainmenu ul{margin:0;padding:0;list-style:none;padding-top:20px;margin-left:20px;}
.mainmenu ul li{float:left;margin-right:40px;padding-right:20px;margin-right:20px;list-style:none;height:32px;line-height:32px;background:url(/images/menudivider.png) no-repeat;background-position:right;}


#menuBlock{
margin-top:45px;
display:block;
width:100%;
height:40px;
color:#666666;
}
.langlink{position:absolute;right:0;top:-20px;width:380px;padding:10px; height:70px; display:block;margin-bottom:15px; color:#666666;font-size:14px; background:url(/images/lang.png) no-repeat; background-position:top left;}
.langlink a{color:#666666;text-decoration:none;}
.langlink strong{display:block;margin-bottom:3px;}
.langlink span{font-size:11px;font-style:italic;display:block;margin-top:3px;}
#menuBlock a{
color:#666666;
font-size:14px;
text-decoration:none;
}

#menuBlock #blocka{
position:relative;
width:365px;
margin:0 10px 0 0;
padding:0 0 0 3px;
float:left;
border-bottom:solid 1px #eeeeee;
font-size:14px;
}
#menuBlock #blocka a{margin-right:30px;}
#menuBlock #blockb{
position:relative;
width:350px;
margin:0;
padding:0 0 0 3px;
float:left;
border-bottom:solid 2px #CCCCCC;
}

#menuBlock #blocka a.on,#menuBlock #blockb a.on{color:#333333;font-weight:bold;border-bottom:solid 2px #333333;}
#menuBlock #blocka a.off,#menuBlock #blockb a.off{background:none;}

#menuBlock #blocka img, #menuBlock #blockb img{
position:absolute;
bottom:-8px;
left:1px;
}



.userCategories{
position:relative;
padding:5px;
margin:0;
}

/*====== Paging ======*/
.paging{display:block;}
.pagingNumber{display:block;float:left;width:20px;height:20px;margin:4px;padding:2px;line-height:20px;text-align:center; color:#666;border:solid 1px #f8f7f3;}
.pagingText{display:block;float:left;height:20px;margin:4px;padding:2px;line-height:20px;text-align:center; color:#666;}
.pagingText:hover, .pagingNumber:hover{background:#f8f7f3;color:#666;}
.pagingText:hover a, .pagingNumber:hover a{background:#f8f7f3;color:#666;}
.pagingNumber a{display:block;height:20px;width:20px;text-decoration:none;color:#666;}
.pagingText a{display:block;height:20px;text-decoration:none;color:#666;}
/*===== Files ======*/
.fileList{
margin:0;
padding:0;
display:block;
}
.fileList ul{
display:none;
list-style:none;
}

.fileList li{
list-style:none;
/*height:18px;
line-height:18px;*/
color:#999999;
cursor:pointer;
}
.fileList li a{
text-decoration:none;
color:#666666;
}
.fileList li a:hover{
text-decoration:underline;
}
.fileList {
        list-style: none;
        vertical-align: top;
    }
    .fileList ul {
        display: none;
        list-style: none;
    }
#st{display:none;}
.textareab{width:500px;height:150px;}	
.zipdl{color:#666666;background:#FFFFF4;text-decoration:none;}
.error{color:#FF0000;}
.clear{clear:both;}

.languagesMenu{
width:100px;
float:left;
list-style:none;
margin:0;
padding:0;
}
.languagesMenu li {list-style:none;}
#footer #cont ul.languagesMenu li a {color:#666666;}

#footer #cont {color:#666666}
#footer #cont a{color:#666666}
.title{margin:10px 0 0 0;padding:0;}
.intro{display:block;width:500px; font-size:14px;margin:10px 0 10px 0;}

#panel h3{font-size:14px;}

#copt{position:absolute;top:300px;left:50%;margin-left:-175px;width:250px;background:#ffffff;border:solid 2px #333;padding:5px;text-align:center;}
#copt a{font-weight:bold;margin:0 10px 0 10px; font-weight:14px; color:#FF0000;}

.popularTags{
margin:30px auto;
padding:0;
display:block;
width:980px;
}
.popularTags h3{
margin:0;
padding:0;
}
.popularTags ul{
list-style:none;
display:block;
margin:0;
padding:0;

}
.popularTags li{
float:left;
margin:3px;
list-style:none;
}

#contentBox h1{
font-size:26px;
font-weight:normal;
}

#contentBox strong{
font-size:14px;
}

#enquire{
border:solid 1px #eeeeee;
padding:10px;
margin-top:10px;
background:#f7f7f7;
-moz-border-radius:5px;
border-radius:5px;
}
#enquire strong{
font-size:12px;
}
#price strong{
color:#ff0000;
}

.textfieldb{
width:200px;
height:18px;
-moz-border-radius:5px;
border-radius:5px;
border:solid 1px #eeeeee;
margin-bottom:10px;
}

.textareab{
width:200px;
height:100px;
-moz-border-radius:5px;
border-radius:5px;
border:solid 1px #eeeeee;
}

.err{
padding:4px;
border:solid 1px #f5d6d6;
background:#fdf2f2;
font-weight:bold;
color:#cc0000;
}
.suc{
padding:4px;
border:solid 1px #cceed2;
background:#f0fbf2;
font-weight:bold;
color:#258e37;
}

.myButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #a4e271;
	-webkit-box-shadow:inset 0px 1px 0px 0px #a4e271;
	box-shadow:inset 0px 1px 0px 0px #a4e271;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #89c403), color-stop(1, #77a809) );
	background:-moz-linear-gradient( center top, #89c403 5%, #77a809 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#89c403', endColorstr='#77a809');
	background-color:#89c403;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #74b807;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #528009;
}.myButton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #77a809), color-stop(1, #89c403) );
	background:-moz-linear-gradient( center top, #77a809 5%, #89c403 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77a809', endColorstr='#89c403');
	background-color:#77a809;
}.myButton:active {
	position:relative;
	top:1px;
}


.button2 {
	-moz-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #378de5) );
	background:-moz-linear-gradient( center top, #79bbff 5%, #378de5 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5');
	background-color:#79bbff;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	border:1px solid #84bbf3;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:20px;
	font-weight:bold;
	padding:6px 66px;
	text-decoration:none;
	text-shadow:1px 1px 0px #528ecc;
	margin-top:20px;
}.button2:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #378de5), color-stop(1, #79bbff) );
	background:-moz-linear-gradient( center top, #378de5 5%, #79bbff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#79bbff');
	background-color:#378de5;
}.button2:active {
	position:relative;
	top:1px;
}