html,body,div,span,form,h1,h2,h3,h4,p,img{margin:0;padding:0;border:0;outline: 0;}
*{margin:0;padding:0;}
:focus{outline: 0;}
a,a:link,a:visited,a:active{text-decoration:none;outline:none;cursor:pointer;}
html, body, #wrapper{font:normal 11px/15px Helvetica,Arial,Verdana;height: 100%; background-color:#fff;}
body{margin-bottom: 0px;}
body > #wrapper{ height: auto; min-height: 99.65%; margin-top:0px;}


#topbar{background-color:#1B314A; width: 100%;height:43px; border-bottom:5px solid #1B314A; padding:10px 0 0 0; margin:0px;}

#logo{width:1000px;margin:0 auto;}

#bodywrapper{width:1000px;margin:0 auto;}

.sidebar{border:0px solid #3A5896;width:178px; background:#fff; float:left;}
.sidebar ul{margin:0px;list-style:none;padding:0 0 5px 5px;}

.sidebar ul.menu li h3{
color:#fff;font-weight:bold;background:#2B4D73 url(../img/menu-ico/dashboard.png) no-repeat 0px;padding:0 0 0 25px;margin:0px;}
.sidebar ul.menu li{border-bottom:0px solid #CCCCCC;font-size:11px;padding:6px;}
.sidebar ul.menu li.title{background-color:#2B4D73;}
.sidebar ul.menu li.avatar{padding:6px 0 6px 0;margin:0px;}


/*fix*/
#body{border:1px solid #132234;width:820px;margin-top:-40px;background-color:#fff;float:right;padding:0px;-moz-border-radius: 0px 0 0px 0;}
#body #topmenu{background-color:#132234;margin:0px;padding:0px;height:40px;width:100%;}



/* Image in Text Box */
#search{margin:7px 0 0 10px;float:left;width:260px;background-color:#fff;border:1px solid #ccc;}
#cse-search-box #submitbtn{float:right; height:16px; width:16px; padding:0px; margin:3px 3px 0 0; cursor:pointer; background:#fff url("../img/search.png") no-repeat; border:none; }

#searchbox {float:left;font:normal 11px Helvetica,Arial,Verdana;padding:3px; border:0px solid #fff; width:220px; height:17px;}




/* global declaration*/
a {color: #3B5998;text-decoration: none;}
a:hover {text-decoration: underline;}

div.clear{clear:both;}
div.left{float:left;}
div.right{float:right;}
#wrap-around{padding:20px;}


h3.title{font:bold 14px arial,verdana;color:#3B5998;}
h3{font:normal 12px/15px Helvetica,Arial,Verdana;}

.jp{margin:0 0 0 30px;width:300px; height:109px;background:#fff url("../img/bg/jprovider.jpg") no-repeat left top; padding:0 0 15px 0;}
.sp{margin:0 40px 0 0;width:310px; height:109px;background:#fff url("../img/bg/sprovider.jpg") no-repeat left top;padding:0 0 15px 0;}
.jp h3{font-weight:bold;color:#4f6fac; margin:0px; padding:5px 0 0 75px;}
.sp h3{font-weight:bold;color:#4f6fac; margin:0px; padding:5px 0 0 95px;}


.fj{height:55px;width:220px;height:0 auto;background:#fff url("../img/bg/freejob.png") no-repeat left top; padding:0px 0 20px 55px;}
.fj h3{font-weight:bold;color:#4f6fac;margin:0px;padding:0 0 0 0px;}


.gt{height:55px; width:220px; height:0 auto; background:#fff url("../img/bg/tour.png") no-repeat left top; padding:0px 0 20px 55px;}
.gt h3{font-weight:bold;color:#4f6fac; margin:0px; padding:0 0 0 0px;}

p.sub{text-align:justify;color:#000; padding:0 0 0 0px;}

p.tagline{text-align:justify;color:#000; padding:0 0 0 75px;}
p.sptagline{text-align:justify;color:#000; padding:0 0 0 95px;}
p.tag{text-align:justify;color:#000; padding:0 30px 0 0px;}



.applynow{text-align:center;width:120px;padding:5px;background-color:#14276C;border:none;cursor:pointer;float:left;margin:0;}
.applynow a{color:#fff;}

/*Date Picker*/
input.dp-applied {
	width: 140px;
	float: left;
}

a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 5px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(../img/calendar.jpg) no-repeat; 
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}






ul.home{margin:0 0 0 15px;list-style-type:square;line-height:20px;}

#errorblock{width:480px; height:100px; margin:20px auto 20px auto; padding:10px; background:#edeff4; border-top:1px solid #d8dfea; border-bottom:1px solid #d8dfea;}
#errorblock a{font-weight:bold;}

.errblock{width:400px; margin:0px auto 20px auto; padding:10px; background:#edeff4; border-top:1px solid #d8dfea; border-bottom:1px solid #d8dfea;}
.errblock a{font-weight:bold;}
.errblock p.toperror{color:#000;}
.errblock ul{margin:5px 0 0 20px; padding:0; list-style-type:square;}
.errblock li{color:#000;}

#regform p.error{color:#ff0000;}




/*sidebar*/
.topcomsidebar{height:auto; width:250px;height:0 auto;padding:10px;}
.topcomsidebar h3{color:#3B5998;}

.adstopsidebar{height:auto;width:250px;height:0 auto;padding:10px;}
.adstopsidebar h3{color:#3B5998;}

.comsidebar{height:auto; width:250px;height:0 auto;padding:10px;}
.comsidebar h3{color:#3B5998;}

.podcasts{height:55px;width:220px;height:0 auto; background:#fff url("../img/bg/podcasts.jpg") no-repeat left top;padding:0px 0 20px 55px;margin:5px 0 0 0;}
.podcasts h3{color:#4f6fac; margin:0px; padding:0 0 0 0px;}



/*flash error message*/
#alert{overflow:hidden;top:0;left:0;width:100%;text-align:left;background-color:#FFFCD9;height:0;color:#000;line-height:40px;opacity:.9;}


/*delete x*/
/*a.del{padding:3px;}
a.del:hover{background-color:#264A6C;padding:3px;color:#fff;text-decoration:none;}
*/
a.del{padding:0 2px 0 2px;font-weight:bold;color:#999;}
a.del:hover{background-color:#264A6C;padding:0 2px 0 2px;color:#fff;text-decoration:none;}

a.conx{padding:0px;font-weight:normal;color:#999;}
a.conx:hover{background-color:#264A6C;padding:0px;color:#fff;text-decoration:none;}



/* TOOL TIP*/
.tipsy { padding: 5px; font-size: 10px; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat;  background-image: url(../img/tipsy.gif); }
  .tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center;font:normal 10px Verdana, Arial; }
  .tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; }
  .tipsy-north { background-position: top center; }
  .tipsy-south { background-position: bottom center; }
  .tipsy-east { background-position: right center; }
  .tipsy-west { background-position: left center; }
    
    
    

/*FORM STYLE*/
#sidebarform {width:250px; margin:0; padding:5px 0 0 0; background:#fff;}
#sidebarform #content{width:250px; height:30px; border:solid 1px #ddd; font:normal 9pt Verdana, Arial;}
#sidebarform #button{float:right;background-color:#006699; color:#ffffff; font:bold 9pt Verdana, Arial; padding:4px;}






a.next{padding:5px;}
a.next:hover{background-color:#264A6C;padding:5px;color:#fff;text-decoration:none;}
a.previous{padding:5px;}
a.previous:hover{background-color:#264A6C;padding:5px;color:#fff;text-decoration:none;}




/*index.php*/
#networking{width:820px; height:235px;background:#fff url("../img/bg/splash.jpg") no-repeat left top; padding:0;}
#maintagline{font:normal 19px Georgia,Times New Roman,Geneva,sans-serif;text-align:left;color:#333;width:280px;float:right;padding:20px 20px 0 0px;}

#maintagline .mtagline{font:normal 14px Georgia,Times New Roman,Geneva,sans-serif;color:#333;}
#tourbtn{width:280px;float:right;padding:20px 20px 0 0px;text-align:center;}



.category{width:100%; padding:0px 0 5px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.category a{font-weight:bold;color:#333;}




.quote{width:470px;height:65px; padding:0px;font:normal 11px/15px Helvetica,Arial,Verdana;}
#author{float:right;padding:0 30px 0 0;color:#827a58;}

blockquote {display:block !important;padding:10px 20px;text-align:justify;}
blockquote p {font-style:italic;color:#827a58;display:inline;}
blockquote p:before,blockquote p:after {color:#eaead0;line-height:0;font-size:5em;}
blockquote p:before {content: open-quote;padding-right:10px;vertical-align:-27px;}
blockquote p:after {content:close-quote;font-size:5em;line-height:.3;vertical-align:-35px;} 



dl {font-weight:normal;color:#333;clear:both;width:728px;height:8em;margin:1em auto;}
dt {margin-bottom:1em; font-weight:bold;}
dd {width:33%; float:left; margin:0;}

ol.first {counter-reset:item 0;}
ul.first {list-style:none;}
ul.first li a{font-weight:normal;color:#333;}

ol.second {counter-reset:item 5;}
ul.second {list-style:none;}
ul.second li a{font-weight:normal;color:#333;}

ol.third {counter-reset:item 9;}
ul.third {list-style:none;}
ul.third li a{font-weight:normal;color:#333;}

ol li {display: block;}
ol li:before {content: counter(item) ". "; counter-increment: item 1;}


/* register.php */
#regblock{width:450px; height:100px; margin:0px auto 20px auto; padding:10px; background:#edeff4; border-top:1px solid #d8dfea; border-bottom:1px solid #d8dfea;}
#regblock a{font-weight:bold;}
#regblock p.toperror{color:#000;}
#regblock ul{margin:5px 0 0 20px; padding:0; list-style-type:square;}
#regblock li{color:#000;}


#regform p.error{color:#ff0000;}
#regform { margin:0; padding:5px; background:#fff; border:1px solid #e5e5e5; -moz-border-radius:8px;}
#regform * {font:normal 11px/15px Helvetica,Arial,Verdana;}
#regform ul {margin:0; padding:0; list-style:none;}
#regform li {margin:0 0 5px 0; padding:10px; background:none;}
#regform li.buttons { margin:0; overflow:hidden;}
#regform label {margin:0;width:150px;display:block;float:left;padding:2px 0;font-weight:bold;color:#666666;}
#regform label span {color:#afafaf;margin:0;padding:0;}
#regform input.textbox {width:280px;border:1px solid #d6d6d6;margin:0;padding:5px 2px;height:16px;background:#fff;}
#regform select {width:100px;border:1px solid #d6d6d6;margin:0;padding:5px 2px; height:30px;background:#fff;}
#regform textarea {width:280px;border:1px solid #d6d6d6;padding:2px;background:#fff;}
#regform li.buttons_login input {height:27px;width:120px;padding:0px;background-color:#14276C;border:none;color:#fff;cursor:pointer;margin:0 40px 0 0;margin:auto auto auto 200px;}







.sbresetpwd{height:55px;width:220px;height:0 auto;background:#fff url("../img/bg/resetpwd.gif") no-repeat left top; padding:0px 0 20px 55px;}
.sbresetpwd h3{font-weight:bold;color:#4f6fac;margin:0px;padding:0 0 0 0px;}

















/* login.php */
#loginarea p.toperror{color:#000;}
#loginarea ul{margin:5px 0 0 20px; padding:0; list-style-type:square;}
#loginarea li{color:#000;}
#loginarea p.error{color:#ff0000;}
#loginarea{width:500px; margin:10px auto 60px auto;}

#loginform {margin:0;padding:5px;background:#fff;border:1px solid #e5e5e5;-moz-border-radius:8px;}
#loginform * {font:normal 11px/15px Helvetica,Arial,Verdana;}
#loginform ul {margin:0;padding:0;list-style:none;}
#loginform li { margin:0 0 5px 0;padding:10px;background:none;}
#loginform li.buttons {margin:0;overflow:hidden;}
#loginform label {float:left;margin:0;width:150px;display:block;padding:2px 0; font-weight:bold;color:#666666;}
#loginform label span {color:#afafaf;margin:0;padding:0;}
#loginform input.textbox {width:280px;border:1px solid #d6d6d6;margin:0;padding:5px 2px;height:16px;}
#loginform select { width:100px; border:1px solid #d6d6d6; margin:0; padding:5px 2px; height:30px;}
#loginform li.submitbtn input {
height:29px;width:120px;padding:0px 0 5px 0;margin:auto auto auto 230px;background:#14276C url("../img/bgbtn.jpg") repeat-x; border:none;color:#fff;cursor:pointer;}









/* user.php */
.usrwrap{width:480px; min-height:400px; padding:0px 0 0 0; background-color:#fff;}

/*user/projects.php */
.prjchat{height:55px; width:220px; height:0 auto; background:#fff url("../img/user/erwin.gif") no-repeat left top; padding:0px 0 20px 55px;}
.prjchat h3{font:bold 10pt Verdana, Arial, serif; color:#4f6fac; margin:0px; padding:0 0 0 0px;}

/*user/projects.php = details */
#content{width:400px; height:30px; border:solid 1px #ddd; font:normal 9pt Verdana, Arial;}
#button{background-color:#006699; color:#ffffff; font:bold 9pt Verdana, Arial; padding:4px;}
#cancel{color:#000; font:normal 9pt Verdana, Arial, serif; padding:4px; margin-left:10px;}
#button_block{margin:5px 0 0 0; display:none;}
#comform {width:420px; margin:0; padding:5px; background:#fff; border:1px solid #e5e5e5; -moz-border-radius:8px;}
#comform p{font:normal 9pt Verdana, Arial;}

/*profile menu*/
.blue #slatenav{width:480px; position:relative;display:block;height:25px; font:normal 11px Verdana, Arial;border-bottom:1px solid #ddd;}
.blue #slatenav ul{margin:0px;padding:0;list-style-type:none;width:auto;}
.blue #slatenav ul li{display:block;float:left;margin:0 1px 0 0;}
.blue #slatenav ul li a{display:block;float:left;color:#fff;text-decoration:none;padding:5px 8px 0 8px;height:18px;background-color:#B9C2D8;}
.blue #slatenav ul li a:hover,.blue #slatenav ul li a.current{color:#ddd;background-color:#8899C0;}




/* company page*/
.advertselector{color:#000; font-weight:bold;}
.advertsubselector{padding-left:20px; color:#919191;}



#advertform p.error{color:#ff0000;}
#advertform  p.toperror{color:#000;}


#sendapplicantmsg textarea{margin:5px 0 0 0;width:345px; height:20px; border:1px solid #d6d6d6; padding:2px; font:normal 8pt Verdana, Arial, serif; color:#333;background:#fff;}
#sendapplicantmsg input { height:25px; width:100px; padding:0px; margin:5px 25px 0 0;background: #14276C url(../img/send.png) no-repeat; border:none; color:#fff; font:bold 10px Arial, Helvetica, sans-serif;}




#groupform {margin:10px 0 5px 0; background:#fff;}
#groupform * {font:normal 11px/15px Helvetica,Arial,Verdana;}
#groupform input.textbox {width:345px;border:1px solid #d6d6d6;margin:0 0 10px 0;padding:5px 2px;height:14px;background:#fff;}
#groupform .groupbtn{height:27px;width:120px;padding:0px;margin:0px;background-color:#14276C;border:none;color:#fff;cursor:pointer;}

#invitegroupform {margin:0; background:#fff;}
#invitegroupform * {font:normal 12px Arial, Helvetica, sans-serif;}
#invitegroupform input.textbox { width:190px; height:15px;  border:1px solid #d6d6d6; margin:0 0 2px 0; padding:2px 2px;color:#666;background:#fff;}
#invitegroupform .groupbtn{height:22px; width:70px; padding:0px; margin:0; background:#14276C; border:none; color:#fff;}



#projectform * {font:normal 11px arial,verdana;}
#projectform ul {margin:0; padding:0; list-style:none;}
#projectform li {margin:0 0 5px 0; padding:10px; background:none;}
#projectform li.buttons {margin:0; overflow:hidden;}
#projectform label {margin:0; width:350px;display:block;padding:2px 0;font-weight:bold;color:#666666;}
#projectform input.textbox { width:450px; border:1px solid #d6d6d6; margin:0; padding:5px 2px; height:16px; background:#fff;}
#projectform input.textdate { width:150px; border:1px solid #d6d6d6; margin:0 0 20px 0; padding:5px 2px; height:16px; background:#fff;}
#projectform select { width:100px; border:1px solid #d6d6d6; margin:0; padding:5px 2px; height:30px; background:#fff;}
#projectform textarea { width:450px; border:1px solid #d6d6d6; padding:2px;background-color:#fff;}
#projectform li.submit input{height:27px;width:120px;padding:0px;background-color:#14276C;border:none;color:#fff;cursor:pointer;float:right;margin:0 20px 0 0;}




#editprojectform * {font:normal 11px/15px Helvetica,Arial,Verdana;}
#editprojectform ul {margin:0; padding:0; list-style:none;}
#editprojectform li {margin:0 0 5px 0;padding:5px;}
#editprojectform li.buttons { margin:0; overflow:hidden;}
#editprojectform label {margin:0;width:350px;display:block;padding:2px 0;font-weight:bold;color:#666;}
#editprojectform input.textbox{width:450px;height:16px;border:1px solid #d6d6d6;margin:0;padding:5px 2px;}
#editprojectform textarea{width:450px;border:1px solid #d6d6d6; padding:2px;background-color:#fff;}
#editprojectform li.submit input {height:27px;width:120px;padding:0px;background-color:#14276C;border:none;color:#fff;cursor:pointer;float:right;margin:0 20px 0 0;}


#updatetaskform* {font:normal 12px arial,verdana;}
#updatetaskform textarea{ width:400px;height:20px;border:1px solid #d6d6d6; padding:2px;}
#updatetaskform li.buttons_login input { height:40px; width:130px; padding:0px; margin:0 0 0 150px; background: #efefef url(../img/btn_login.png) no-repeat; border:none; color:#000000; float:left;}

#adtaskform * {font:normal 11px/15px Helvetica,Arial,Verdana;}
#adtaskform ul {margin:0; padding:0; list-style:none;}
#adtaskform li {margin:0 0 5px 0;padding:5px;}
#adtaskform label {margin:0;width:350px;display:block;padding:2px 0;font-weight:bold;color:#666;}
#adtaskform textarea{ width:470px;border:1px solid #d6d6d6; padding:2px;}
#adtaskform li.submit input {height:27px;width:120px;padding:0px;background-color:#14276C;border:none;color:#fff;cursor:pointer;float:right;margin:0 20px 0 0;}









#composemsgform {margin:20px 0 0 0;padding:5px;background:#fff;border:1px solid #e5e5e5; -moz-border-radius:8px;}
#composemsgform * {font:normal 11px/15px Helvetica,Arial,Verdana;}
#composemsgform ul { margin:0; padding:0; list-style:none;}
#composemsgform li { margin:0 0 5px 0; padding:10px; background:none;}
#composemsgform li.buttons { margin:0; overflow:hidden;}
#composemsgform label { margin:0; width:150px; display:block; float:left;padding:2px 0;font-weight:bold;color:#666666;}
#composemsgform label span {color:#afafaf; margin:0; padding:0;}
#composemsgform input.textbox { width:280px; border:1px solid #d6d6d6; margin:0; padding:5px 2px;height:16px; background:#fff;}
#composemsgform textarea { width:280px; border:1px solid #d6d6d6; padding:2px; background:#fff;}
#composemsgform li.submitbtn input {height:27px;width:120px;padding:0px;background-color:#14276C;border:none;color:#fff;cursor:pointer;float:right;margin:10px 10px 10px 0;}







/*ADS PAGE*/
#adsform {margin:0;}

#adsform ul { margin:0; padding:0; list-style:none;}
#adsform li { margin:0 0 5px 0; padding:5px;}
#adsform input.textbox { width:345px; border:1px solid #d6d6d6; margin:0 0 10px 0; padding:5px 2px; height:14px; background:#fff;}
#adsform .groupbtn{height:27px; width:120px; padding:0px; margin:0px; background:#14276C; border:none; color:#fff;}
#adsform label {margin:0;width:430px;display:block;float:left;padding:2px 0;font-weight:bold;color:#666666;}
#adsform label span {color:#afafaf;margin:0;padding:0 0 0 10px;font-weight:normal; }
#adsform textarea { width:345px; border:1px solid #d6d6d6; padding:2px; background:#fff;}
#adsform select { width:345px; border:1px solid #d6d6d6; margin:0; padding:5px 2px; height:30px; background:#fff;font-size:11px;}
#adsform .selector{padding-left:10px; color:#919191;font-size:11px;}









#legal{width:820px; height:auto; padding:0; margin:0 2px auto auto; float:right;}
#legal .copy{text-align:left; padding:5px 0 0 0; font:normal 11px/15px Helvetica,Arial,Verdana; color:#333;background-color:#fff; width:50%;}
#legal .rights{text-align:right; padding:5px 0 0 0; font:normal 11px/15px Helvetica,Arial,Verdana; color:#333;background-color:#fff; width:50%; }


/*footer area************************
#footer{clear:both; position:fixed; z-index:10; height:35px; margin:-30px 0 0 0; background-color:#264A6C; border:none; color: #fff; width:1000px; text-align:center; line-height:3em; -moz-border-radius:8px 8px 0px 0px; bottom:0px;}
#footer a{color:#4895dd;}
#footer a:hover{color:#fff;}
#footer .marq{padding:0 6px 0 6px;color:#4895dd;}

*/




/**************************************************************************************************/
/**************************************************************************************************/
/**************************************************************************************************/
/**************************************************************************************************/


p.error{color:#ff0000;}

#errorBlock{width:480px; height:100px; margin:20px auto 20px auto; padding:10px; background:#edeff4; border-top:1px solid #d8dfea; border-bottom:1px solid #d8dfea;}
#errorBlock a{font-weight:bold;}







#Emailinviter {margin:20px 0 0 0; width:500px;padding:5px; border:0px solid #e5e5e5; -moz-border-radius:8px;}
#Emailinviter * {font:normal 11px/15px Helvetica,Arial,Verdana;}
#Emailinviter ul {margin:0; padding:0; list-style:none;}
#Emailinviter li {margin:0 0 5px 0; padding:10px; background:none;}
#Emailinviter li.buttons {margin:0; overflow:hidden;}
#Emailinviter label {margin:0; width:150px; display:block; float:left; padding:2px 0; font-weight:bold; color:#666666;}
#Emailinviter label span {color:#afafaf; margin:0; padding:0;}
#Emailinviter input.textbox {width:280px; border:1px solid #d6d6d6; margin:0; padding:5px 2px; height:16px; background:#fff;}
#Emailinviter textarea {width:280px; border:1px solid #d6d6d6; padding:2px; background:#fff;}
#Emailinviter select {width:285px; border:1px solid #d6d6d6; margin:0; padding:5px 2px; height:30px; background:#fff;}
#Emailinviter li.submitbtn input {height:27px; width:120px; padding:0px; background:#14276C url("../img/bgbtn.jpg") repeat-x; border:none; color:#fff; cursor:pointer; float:right; margin:10px 70px 10px 0;}



.sendinvitebtn{height:27px; width:120px; padding:0px; background:#14276C url("../img/bgbtn.jpg") repeat-x; border:none; color:#fff; cursor:pointer; float:left; margin:10px 70px 10px 0;}







/*upload avatar*/
#updiv{width:300px;margin:30px auto; font:normal 11px/15px Helvetica,Arial,Verdana; color:#000;}
.uploadform #mybut{height:24px; width:70px; padding:0px; margin:20px 20px 20px 60px; background:#14276C url("../img/bgbtn.jpg") repeat-x; border:none; color:#fff; font:normal 11px/15px Helvetica,Arial,Verdana; cursor:pointer;}



/*JOB PAGE*/
#catfilter {margin:0px 0 5px 0;background:#fff;}
#catfilter * {font:normal 11px/15px Helvetica,Arial,Verdana;}
#catfilter select {width:285px; border:1px solid #d6d6d6; margin:0; padding:5px 2px; height:30px; background:#fff;}
#catfilter .countryselector{padding-left:10px; color:#000;}
#catfilter .filterbtn{height:30px; width:120px; padding:0px; margin:0px; cursor:pointer; background:#14276C url("../img/bgbtn.jpg") repeat-x; border:none; color:#fff;}






/* FINAL LOGIN FORM */
#loginForm {margin:0; padding:5px; background:#fff; border:1px solid #e5e5e5; -moz-border-radius:8px;}
#loginForm * {font:normal 11px/15px Helvetica,Arial,Verdana;}
#loginForm ul {margin:0; padding:0; list-style:none;}
#loginForm li {margin:0 0 5px 0; padding:10px; background:none;}
#loginForm li.buttons {margin:0; overflow:hidden;}
#loginForm label {float:left; margin:0; width:150px; display:block; padding:2px 0; font-weight:bold; color:#666666;}
#loginForm label span {color:#afafaf; margin:0; padding:0;}
#loginForm input.textbox {width:280px; border:1px solid #d6d6d6; margin:0; padding:5px 2px; height:16px;}
#loginForm li.submitbtn input{height:29px; width:120px; padding:0px 0 5px 0; margin:auto auto auto 230px; background:#14276C url("../img/bgbtn.jpg") repeat-x; border:none; color:#fff; cursor:pointer;}



/*FINAL REGISTRATION FORM*/
#regBlock{float:left;width:450px; height:100px; margin:0px auto 20px auto; padding:10px; background:#edeff4; border-top:1px solid #d8dfea; border-bottom:1px solid #d8dfea;}
#regBlock a{font-weight:bold;}
#regBlock p.toperror{color:#000;}
#regBlock ul{margin:5px 0 0 20px; padding:0; list-style-type:square;}
#regBlock li{color:#000;}

#regForm p.error{color:#ff0000;}
#regForm p.error{color:#ff0000;}
#regForm {width:450px;margin:0; padding:5px; background:#fff; border:1px solid #e5e5e5; -moz-border-radius:8px;}
#regForm * {font:normal 11px/15px Helvetica,Arial,Verdana;}
#regForm ul {margin:0; padding:0; list-style:none;}
#regForm li {margin:0 0 5px 0; padding:10px; background:none;}
#regForm li.buttons {margin:0; overflow:hidden;}
#regForm label {margin:0; width:150px; display:block; float:left; padding:2px 0; font-weight:bold; color:#666666;}
#regForm label span {color:#afafaf; margin:0; padding:0;}
#regForm input.textbox {width:240px;border:1px solid #d6d6d6;margin:0;padding:5px 2px;height:16px;background:#fff;}
#regForm li.buttons_login input{
height:29px; width:120px; padding:0px; background:#14276C url("../img/bgbtn.jpg") repeat-x; border:none; color:#fff; cursor:pointer; margin:0 40px 0 0; margin:auto auto auto 240px;}


/*RESET PASSWORD*/
#resetpwdForm {margin:0; padding:5px; background:#fff; border:1px solid #e5e5e5; -moz-border-radius:8px;}
#resetpwdForm * {font:normal 11px/15px Helvetica,Arial,Verdana;}
#resetpwdForm ul {margin:0; padding:0; list-style:none;}
#resetpwdForm li {margin:0 0 5px 0; padding:10px; background:none;}
#resetpwdForm li.buttons {margin:0; overflow:hidden;}
#resetpwdForm label {float:left; margin:0; width:150px; display:block; padding:2px 0; font-weight:bold; color:#666666;}
#resetpwdForm label span {color:#afafaf; margin:0; padding:0;}
#resetpwdForm input.textbox {width:280px; border:1px solid #d6d6d6; margin:0; padding:5px 2px; height:16px;}
#resetpwdForm li.submitbtn input{height:29px; width:120px; padding:0px 0 5px 0; margin:auto auto auto 230px; background:#14276C url("../img/bgbtn.jpg") repeat-x; border:none; color:#fff; cursor:pointer;}



    /*USER EDIT CONTACT FORM*/
#UeditcontactForm {margin:20px 0 0 0; padding:5px; background:#fff; border:0px solid #e5e5e5; -moz-border-radius:8px;}
#UeditcontactForm * {font:normal 11px/15px Helvetica,Arial,Verdana;}
#UeditcontactForm ul {margin:0; padding:0; list-style:none;}
#UeditcontactForm li {margin:0 0 5px 0; padding:10px; background:none;}
#UeditcontactForm li.buttons {margin:0; overflow:hidden;}
#UeditcontactForm label {margin:0; width:150px; display:block; float:left; padding:2px 0; font-weight:bold; color:#666666;}
#UeditcontactForm label span {color:#afafaf; margin:0; padding:0;}
#UeditcontactForm input.textbox {width:280px; border:1px solid #d6d6d6; margin:0; padding:5px 2px; height:16px; background:#fff;}
#UeditcontactForm select {width:285px; border:1px solid #d6d6d6; margin:0; padding:5px 2px; height:30px; background:#fff;}
#UeditcontactForm textarea {width:280px; border:1px solid #d6d6d6; padding:2px; background:#fff;}
#UeditcontactForm .editcontactsubselector{padding-left:10px; color:#919191;}
#UeditcontactForm select.bdaymm {width:140px; border:1px solid #d6d6d6; margin:0; padding:5px 2px; height:30px; background:#fff;}
#UeditcontactForm select.bdaydd {width:50px; border:1px solid #d6d6d6; margin:0; padding:5px 2px; height:30px; background:#fff;}
#UeditcontactForm select.bdayyy {width:80px; border:1px solid #d6d6d6; margin:0; padding:5px 2px; height:30px; background:#fff;}
#UeditcontactForm li.submit input {height:27px; width:120px; padding:0px; background:#14276C url("../img/bgbtn.jpg") repeat-x; border:none; color:#fff; cursor:pointer; float:right; margin:0 20px 0 0;}

/*USER COMPOSE MESSAGE FORM*/
#UcomposemsgForm {margin:20px 0 0 0; padding:5px; background:#fff; border:1px solid #e5e5e5; -moz-border-radius:8px;}
#UcomposemsgForm * {font:normal 11px/15px Helvetica,Arial,Verdana;}
#UcomposemsgForm ul {margin:0; padding:0; list-style:none;}
#UcomposemsgForm li {margin:0 0 5px 0; padding:10px; background:none;}
#UcomposemsgForm li.buttons {margin:0; overflow:hidden;}
#UcomposemsgForm label {margin:0; width:150px; display:block; float:left; padding:2px 0; font-weight:bold; color:#666666;}
#UcomposemsgForm label span {color:#afafaf; margin:0; padding:0;}
#UcomposemsgForm input.textbox {width:280px; border:1px solid #d6d6d6; margin:0; padding:5px 2px; height:16px; background:#fff;}
#UcomposemsgForm textarea {width:280px; border:1px solid #d6d6d6; padding:2px; background:#fff;}
#UcomposemsgForm li.submitbtn input {height:27px; width:120px; padding:0px; background:#14276C url("../img/bgbtn.jpg") repeat-x; border:none; color:#fff; cursor:pointer; float:right; margin:10px 10px 10px 0;}


/*updatetask*/
#UactivityForm * {font:normal 11px/15px Helvetica,Arial,Verdana;}
#UactivityForm textarea{width:453px; border:1px solid #d6d6d6; padding:0px;}
#UactivityForm .submit{height:27px; width:120px; padding:0px; background:#14276C url("../img/bgbtn.jpg") repeat-x; border:none; color:#fff; cursor:pointer; float:right; margin:10px 10px 10px 0;}





/**************************************COMPANY************************************************************/
/**************************************************************************************************/


/*MESSAGE PAGE*/
#CcomposemsgForm {margin:20px 0 0 0; padding:5px; border:1px solid #e5e5e5; -moz-border-radius:8px;}
#CcomposemsgForm * {font:normal 11px/15px Helvetica,Arial,Verdana;}
#CcomposemsgForm ul {margin:0; padding:0; list-style:none;}
#CcomposemsgForm li {margin:0 0 5px 0; padding:10px; background:none;}
#CcomposemsgForm li.buttons {margin:0; overflow:hidden;}
#CcomposemsgForm label {margin:0; width:150px; display:block; float:left; padding:2px 0; font-weight:bold; color:#666666;}
#CcomposemsgForm label span {color:#afafaf; margin:0; padding:0;}
#CcomposemsgForm input.textbox {width:280px; border:1px solid #d6d6d6; margin:0; padding:5px 2px; height:16px; background:#fff;}
#CcomposemsgForm textarea {width:280px; border:1px solid #d6d6d6; padding:2px; background:#fff;}
#CcomposemsgForm li.submitbtn input {height:27px; width:120px; padding:0px; background:#14276C url("../img/bgbtn.jpg") repeat-x; border:none; color:#fff; cursor:pointer; float:right; margin:10px 10px 10px 0;}


/*GROUP PAGE*/
#CgroupForm {margin:10px 0 5px 0; background:#fff;}
#CgroupForm * {font:normal 11px/15px Helvetica,Arial,Verdana;}
#CgroupForm input.textbox {width:340px; border:1px solid #d6d6d6; margin:0 0 10px 0; padding:5px 2px; height:14px; background:#fff;float:left;}
#CgroupForm .groupbtn{float:right;height:27px; width:120px; padding:0px; margin:0px; background:#14276C url("../img/bgbtn.jpg") repeat-x; border:none; color:#fff; cursor:pointer;}

/*gadd.php | editproject.php | viewproject.php | updatetask.php*/
#CprojectForm * {font:normal 11px/15px Helvetica,Arial,Verdana;}
#CprojectForm ul {margin:0; padding:0; list-style:none;}
#CprojectForm li {margin:0 0 5px 0; padding:10px; background:none;}
#CprojectForm li.buttons {margin:0; overflow:hidden;}
#CprojectForm label {margin:0; width:350px; display:block; padding:2px 0; font-weight:bold; color:#666666;}
#CprojectForm input.textbox {width:450px; border:1px solid #d6d6d6; margin:0; padding:5px 2px; height:16px; background:#fff;}
#CprojectForm input.textdate {width:150px; border:1px solid #d6d6d6; margin:0 0 20px 0; padding:5px 2px; height:16px; background:#fff;}
#CprojectForm select {width:100px; border:1px solid #d6d6d6; margin:0; padding:5px 2px; height:30px; background:#fff;}
#CprojectForm textarea {width:450px; border:1px solid #d6d6d6; padding:2px; background-color:#fff;}
#CprojectForm li.submit input{height:27px; width:120px; padding:0px; background:#14276C url("../img/bgbtn.jpg") repeat-x; border:none; color:#fff; cursor:pointer; float:right; margin:0 20px 0 0;}


/*updatetask.php*/
#activityFormc * {font:normal 11px/15px Helvetica,Arial,Verdana;}
#activityFormc textarea{width:453px; border:1px solid #d6d6d6; padding:0px;}
#activityFormc .submit{height:27px; width:120px; padding:0px; background:#14276C url("../img/bgbtn.jpg") repeat-x; border:none; color:#fff; cursor:pointer; float:right; margin:10px 10px 10px 0;}


/*assigmember.php*/
#CassignmemberForm * {font:normal 11px/15px Helvetica,Arial,Verdana;}
#CassignmemberForm .assignmember{height:27px; width:120px; padding:0px; background:#14276C url("../img/bgbtn.jpg") repeat-x; border:none; color:#fff; cursor:pointer; float:right; margin:10px 10px 10px 0;}


/*advert form*/
#advertFormc {margin:20px 0 0 0; padding:5px; background:#fff; border:1px solid #e5e5e5; -moz-border-radius:8px;}
#advertFormc * {font:normal 11px/15px Helvetica,Arial,Verdana;}
#advertFormc ul {margin:0; padding:0; list-style:none;}
#advertFormc li {margin:0 0 5px 0; padding:10px; background:none;}
#advertFormc li.buttons {margin:0; overflow:hidden;}
#advertFormc label {margin:0; width:150px; display:block; float:left; padding:2px 0px; font-weight:bold; color:#666;}
#advertFormc label span {color:#afafaf; margin:0; padding:0;}
#advertFormc label span a{font:normal 11px/15px Helvetica,Arial,Verdana; cursor:pointer;}
#advertFormc input.textbox {width:280px; border:1px solid #d6d6d6; margin:0; padding:5px 2px; height:16px; background:#fff;}
#advertFormc select {width:285px; border:1px solid #d6d6d6; margin:0; padding:5px 2px; height:30px; background:#fff;}
#advertFormc textarea {width:280px; border:1px solid #d6d6d6; padding:2px; background:#fff;}
#advertFormc li.submit input {height:27px; width:120px; padding:0px; background:#14276C url("../img/bgbtn.jpg") repeat-x; border:none; color:#fff; cursor:pointer; float:right; margin:0 20px 0 0;}
#advertFormc .countryselector{padding-left:10px; color:#919191;}



/*Account Setting*/
#editcontactFormC {margin:20px 0 0 0; padding:5px; background:#fff; border:0px solid #e5e5e5 ; -moz-border-radius:8px;}
#editcontactFormC * {font:normal 11px/15px Helvetica,Arial,Verdana;}
#editcontactFormC ul {margin:0; padding:0; list-style:none;}
#editcontactFormC li {margin:0 0 5px 0; padding:10px; background:none;}
#editcontactFormC li.buttons {margin:0; overflow:hidden;}
#editcontactFormC label {margin:0; width:150px; display:block; float:left; padding:2px 0; font-weight:bold; color:#666666;}
#editcontactFormC label span {color:#afafaf; margin:0; padding:0;}
#editcontactFormC input.textbox {width:280px; border:1px solid #d6d6d6; margin:0; padding:5px 2px; height:16px; background:#fff;}
#editcontactFormC select {width:285px; border:1px solid #d6d6d6; margin:0; padding:5px 2px; height:30px; background:#fff;}
#editcontactFormC textarea {width:280px; border:1px solid #d6d6d6; padding:2px; background:#fff;}
#editcontactFormC li.submit input {height:27px; width:120px; padding:0px; background:#14276C url("../img/bgbtn.jpg") repeat-x;border:none; color:#fff; cursor:pointer; float:right; margin:0 20px 0 0;}
#editcontactFormC .editcontactsubselector{padding-left:10px; color:#919191;}
#editcontactFormC select.bdaymm { width:140px; border:1px solid #d6d6d6; margin:0; padding:5px 2px; height:30px; background:#fff;}
#editcontactFormC select.bdaydd { width:50px; border:1px solid #d6d6d6; margin:0; padding:5px 2px; height:30px; background:#fff;}
#editcontactFormC select.bdayyy { width:80px; border:1px solid #d6d6d6; margin:0; padding:5px 2px; height:30px; background:#fff;}




/*FOOTER*/


/*FOOTER*/


#footpanel ul li div a { /*--Reset link style for sub-panel links--*/
	text-indent: 0;
	width: auto;
	height: auto;
	padding: 0;
	float: none;
	color: #00629a;
	position: static;
}
#footpanel ul li div a:hover {	text-decoration: underline; } /*--Reset hover style for sub-panel links--*/

#footpanel .subpanel {
	position: absolute;
	left: 0; bottom: 27px;
	display: none;	/*--Hide by default--*/
	width: 198px;
	border: 1px solid #555;
	background: #fff;
	overflow: hidden;
}
#footpanel h3 {
	background: #1B314A;
	padding: 5px 10px;
	color: #fff;
	font-size: 1.1em;
	cursor: pointer;
}
#footpanel h3 span { /*--Right aligned "-" icon--*/
	font-size: 1.5em;
	float: right;
	line-height: 0.6em;
	font-weight: normal;
}




#footpanel .subpanel ul{
	padding: 0; margin: 0;
	background: #fff;
	width: 100%;
	overflow: auto;
	padding-bottom: 2px;
}
#footpanel .subpanel li{
	float: none; /*--Reset float--*/
	display: block;
	padding: 0; margin: 0;
	overflow: hidden;
	clear: both;
	background: #fff;
	position: static;  /*--Reset relative positioning--*/
	font-size: 0.9em;
}



#chatpanel .subpanel li { background: url(../img/footer/dash.gif) repeat-x left center; }
#chatpanel .subpanel li span {
	padding: 5px;
	background: #fff;
	color: #777;
	float: left;
}
#chatpanel .subpanel li a img {
	float: left;
	margin: 0 5px;
}
#chatpanel .subpanel li a{
	padding: 3px 0;	margin: 0;
	line-height: 22px;
	height: 22px;
	background: #fff;
	display: block;
}
#chatpanel .subpanel li a:hover {
	background: #5F5E5B;
	color: #fff;
	text-decoration: none;
}




#alertpanel .subpanel { right: 0; left: auto; /*--Reset left positioning and make it right positioned--*/ }
#alertpanel .subpanel li {
	border-top: 1px solid #f0f0f0;
	display: block;
}
#alertpanel .subpanel li p {padding: 5px 10px;}
#alertpanel .subpanel li a.delete{
	background: url(../img/footer/delete_x.gif) no-repeat;
	float: right;
	width: 13px; height: 14px;
	margin: 5px;
	text-indent: -9999px;
	visibility: hidden; /*--Hides by default but still takes up space (not completely gone like display:none;)--*/
}
#alertpanel .subpanel li a.delete:hover { background-position: left bottom; }
#footpanel #alertpanel li.view {
	text-align: right;
	padding: 5px 10px 5px 0;
}





#footpanel {position:fixed; bottom:0; z-index:9999; background:#e3e2e2; border:1px solid #c3c3c3; border-bottom:none; width:80%; margin:auto;}

*html #footpanel { /*--IE6 Hack - Fixed Positioning to the Bottom--*/
	margin-top: -1px; /*--Prevents IE6 from having an infinity scroll bar - due to 1px border on #footpanel--*/
	position: absolute;
	top:expression(eval(document.compatMode &&document.compatMode=='CSS1Compat') ?documentElement.scrollTop+(documentElement.clientHeight-this.clientHeight) : document.body.scrollTop +(document.body.clientHeight-this.clientHeight));
}

#footpanel ul {
	padding: 0; margin: 0;
	float: left;
	width: 100%;
	list-style: none;
	border-top: 1px solid #fff; /*--Gives the bevel feel on the panel--*/
	font-size: 1.1em;
}
#footpanel ul li{
	padding: 0; margin: 0;
	float: left;
	position: relative;
}
#footpanel ul li a{
	padding: 5px;
	float: left;
	text-indent: -9999px; /*--For text replacement - Shove text off of the page--*/
	height: 16px; width: 16px;
	text-decoration: none;
	color: #333;
	position: relative;
}
html #footpanel ul li a:hover{	background-color: #fff; }
html #footpanel ul li a.active { /*--Active state when sub-panel is open--*/
	background-color: #fff;
	height: 17px;
	margin-top: -2px; /*--Push it up 2px to attach the active button to sub-panel--*/
	border: 1px solid #555;
	border-top: none;
	z-index: 200; /*--Keeps the active link on top of the sub-panel--*/
	position: relative;
}

#footpanel a.home{
	background: url(../img/footer/home.png) no-repeat 15px center;
	width: 50px;
	padding-left: 40px;
	border-right: 1px solid #bbb;
	text-indent: 0;
}


a.profile{ background: url(../img/footer/fb_icon.jpg) no-repeat center center;  }
a.editprofile{ background: url(../img/footer/twitter.jpg) no-repeat center center; }
a.contacts{ background: url(../img/footer/tumblr.jpg) no-repeat center center; }
a.messages{ background: url(../img/footer/google.png) no-repeat center center; }

a.playlist{ background: url(../img/footer/document-music-playlist.png) no-repeat center center; }
a.videos{ background: url(../img/footer/film.png) no-repeat center center; }
a.alerts{ background: url(../img/footer/newspaper.png) no-repeat center center; }



#footpanel a.chat{
	background: url(../img/footer/balloon.png) no-repeat 15px center;
	width: 126px;
	border-left: 1px solid #bbb;
	border-right: 1px solid #bbb;
	padding-left: 40px;
	text-indent: 0; /*--Reset text indent since there will be a combination of both text and image--*/
}
#footpanel li#chatpanel, #footpanel li#alertpanel {	float: right; }  /*--Right align the chat and alert panels--*/


#footpanel a small {
	text-align: center;
	width: 70px;
	background: url(../img/footer/pop_arrow.gif) no-repeat center bottom;
	padding: 5px 5px 11px;
	display: none; /*--Hide by default--*/
	color: #fff;
	font-size: 1em;
	text-indent: 0;
}
#footpanel a:hover small{
	display: block; /*--Show on hover--*/
	position: absolute;
	top: -35px; /*--Position tooltip 35px above the list item--*/
	left: 50%;
	margin-left: -40px; /*--Center the tooltip--*/
	z-index: 9999;
}