input[type="text"],input[type="password"],textarea{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;vertical-align:middle;
	font-weight:normal;
	padding:7px 8px 8px;
	margin:0;
	outline:none;
	border:1px solid #e8e8e8;
	width:216px;
	border-radius:5px;
}
input[type="tel"]{ border-radius:5px;}

/* Contact form */
#contact-form{position:relative; padding:6px 0 22px 0;}
	#contact-form fieldset{border:none;padding:0}
	#contact-form label {display:block;min-height:45px; position:relative;}
		#contact-form input{ width:282px; background:#EEE;}
		#contact-form textarea{height:138px;width:282px;overflow:auto;resize:none; background:#EEE;}
		#contact-form .message{min-height:155px;}
		#contact-form input[type="submit"]{ width:50px;}
		#contact-form input[type=reset] { width:50px;}
.buttons{position:relative; overflow:hidden; padding:22px 0 0px 0; text-align:left;}
	.form-link span{position:relative; overflow:hidden; margin-right:22px; cursor:pointer;}
	.form-link a:hover{ color:#000;}
.success, .error, .empty, .personal, .invalid-sponsor, .failure, .mismatch, .status, .not-registered{display:none; text-align:left; }
.error, .empty, .personal, .invalid-sponsor, .mismatch, .status, .not-registered{position:relative; color:#ff0000; font-size:11px; top:5px; left:10px;}
.success, .success strong{color:#19beff;}
.failure, .failure strong{color:#19beff;}

.assign_role{margin-left:20px;margin-right:20px}


#pass-strength-result{
	background-color:#DADADA;}

#pass-strength-result.bad {
	background-color: #ffb78c;
	border-color: #ff853c !important;
	text-align:center;
	font-size:16px;
	font-weight:bolder;
}

#pass-strength-result.good {
	background-color: #ffec8b;
	border-color: #fc0 !important;
	text-align:center;
	font-size:16px;
	font-weight:bolder;
}

#pass-strength-result.short {
	background-color: #ffa0a0;
	border-color: #f04040 !important;
	text-align:center;
	font-size:16px;
	font-weight:bolder;
}

#pass-strength-result.strong {
	background-color: #c3ff88;
	border-color: #8dff1c !important;
	text-align:center;
	font-size:16px;
	font-weight:bolder;
}

#new_discussion .file_button, #new_project .file_button {
	background-color: #CCCCCC;
	color: #000000;
	border: 1px solid #e8e8e8;
	border-radius: 15px;
	margin-left: 10px;
	width: 80px;
	padding: 5px 3px 5px 3px
}

#form_edit_discussion textarea{
	width:91%; height:220px;
	background: none repeat scroll 0 0 #FBFBFB;
    border: 1px solid #E5E5E5;
    box-shadow: 1px 1px 2px rgba(200, 200, 200, 0.2) inset;	
}
#new_project textarea, #new_discussion textarea{
	width:91%; height:175px;
	background: none repeat scroll 0 0 #FBFBFB;
    border: 1px solid #E5E5E5;
    box-shadow: 1px 1px 2px rgba(200, 200, 200, 0.2) inset;
}

#edit_discussion_title{
	background: none repeat scroll 0 0 #FBFBFB;
    font-family: Arial, Helvetica, sans-serif; font-size:11pt;
}

#project_name, #discussion_title{
	background: none repeat scroll 0 0 #FBFBFB;
    border: 1px solid #E5E5E5;
    box-shadow: 1px 1px 2px rgba(200, 200, 200, 0.2) inset;
    font-family: Arial, Helvetica, sans-serif; font-size:11pt;
}
#project_desc, #post_content {
	font-size: 11pt;
}

#new_project a ,#new_discussion a{
    color: #21759B;
    text-decoration: none;
}
#new_project a:hover, #new_discussion a:hover{
	color: #d54e21 !important;
}

@media only screen and (min-width: 768px) and (max-width: 899px) {
	#new_discussion textarea, #new_project textarea{width:93%; height:140px;}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
	#new_discussion textarea, #new_project textarea{width:91%; height:30px;}
	
	#form_edit_discussion textarea{
		width:90%; height:140px;
		background: none repeat scroll 0 0 #FBFBFB;
    	border: 1px solid #E5E5E5;
    	box-shadow: 1px 1px 2px rgba(200, 200, 200, 0.2) inset;	
	}
}
/*this css only for sign up - invited guest(2b) page*/
span.plaintext {
    padding-left: 4px;
    vertical-align: top;
}
/* -End- */

#signup-form .plaintext{ color: #969695; padding:0; vertical-align:top;padding-top:14px}
#signup-form input[type="text"],input[type="password"]{ width:90%; padding:9px 9px 9px 17px;   background: #EEE; border:0;}
#signup-form .indicator{text-align:center;width:99%;}
#signup-form td{padding-bottom:20px;margin-bottom:120px}
#signup-form td.form-link {padding-bottom: 8px;}

#your-profile{position:relative; padding:0}
#your-profile td{border:none; padding-bottom:20px;margin-bottom:10px}
#your-profile label {display:block; vertical-align:top; position:relative;}
#your-profile input[type="text"]{width:26.4%; padding:9px 9px 9px 17px;  background: #EEE; border:0;}
#your-profile input[type="file"]{width:105%}
#your-profile .innertable{width:30%}

#your-profile input.phone_num{width:88%;}
#your-profile input[type="tel"]{width:178px;padding:9px 9px 9px 17px; background: #EEE;}
#your-profile textarea{width:40%;padding:9px 9px 9px 17px; background: #EEE;}
#your-profile .lab{text-align:right; padding-right:5px; padding-top:0px; width:15%; color: #969695;}
#your-profile .biography{text-align:right; padding-right:5px; padding-top:0px; color: #969695;}
#your-profile #department, #location, #areacode, #jobtitle,#role{background: #EEE; width:30%;padding:9px 9px 9px 17px;-webkit-border-radius:5px;}
#your-profile .manager{width:100%;padding-top:15px;}
#your-profile #manager1 .manager{padding-top:0;}
#your-profile span{position:relative; cursor:pointer;top: 6px;}
#your-profile #addManagerLink, #your-profile #addJobtitleLink, #your-profile #addDepartmentLink, #your-profile #addLocationLink  {
   position: absolute;
   top: 0px;
   left: 320px;
}
#your-profile #addJobtitleLink, #your-profile #addDepartmentLink, #your-profile #addLocationLink {
   top: -4px;
}

#your-profile #addManagerLink span {
	/*padding-right:45px;*/
}
#your-profile #addManagerLink #plus_sign, #your-profile #addJobtitleLink #plus_sign, #your-profile #addDepartmentLink #plus_sign, #your-profile #addLocationLink #plus_sign{
	font-size:20px;
	font-weight:bold;
	padding:0 2px 0 7px;
	top:4px
}

.firefox-input-tel {
		width: 172px !important;
	}
	
@media only screen and (min-width: 768px) and (max-width: 959px) {
	#contact-form input,#contact-form textarea{ width:220px;}
	#your-profile input[type="text"]{ width:35.6%; padding:9px 9px 9px 17px;   background: #EEE; border:0;}
	#your-profile input[type="password"]{ width:59%; padding:9px 9px 9px 17px;   background: rgba(255, 255, 255, 0.03); border:0;}
	#your-profile input.phone_num{width:88%}
	#your-profile label select#department,label select#location,label select#areacode,label select#jobtitle,label select#role{ width:40%;padding:9px 9px 9px 17px;}
	#your-profile td{padding-bottom:15px;}
	#your-profile #phone_table{width:43%;}
	#your-profile .innertable{width:41.5%}
	#your-profile .innertable td{padding-bottom:0;paddng-left:50px;} 
	#your-profile input[type="tel"] {width:196px;}
}

@media only screen and (max-width: 767px) {
	#contact-form input,#contact-form textarea{ width:275px;}
	#contact-form{position:relative; padding:3px 0 3px 0;}
	
	#signup-form div#pass-strength-result{text-align:center;width:100%;}
	#signup-form .licensecode{padding-right:27px;width:30%;}
	#signup-form input[type="text"]{width:95%; padding:9px 3px 9px 17px;   background: #EEE; border:0;}
	#signup-form input[type="password"]{width:95%; padding:9px 3px 9px 17px;   background: #EEE; border:0;}
	#signup-form .plaintext{display: none}
	#signup-form td{padding-bottom:30px;}
	#signup-form td.success-tab{padding-bottom:20px;}
	
	#your-profile textarea{width:90%}
	#your-profile input[type="text"]{width:85%;background: rgba(255, 255, 255, 0.03); border:0;}
	#your-profile .manager{width:100%}
	#your-profile select#department, select#location, select#areacode, select#jobtitle, select#role{ width:90%;left:17px;}
	#your-profile td{padding-bottom:30px;}
	#your-profile table.mobiletable{width:89%;}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	#contact-form input,#contact-form textarea{ width:400px;}
	#signup-form .indicator{text-align:center;width:99%;}
	#signup-form .licensecode{padding-right:30px;width:15%;}
	#your-profile input[type="text"]{width:82%;background: #EEE; border:0;}
	#your-profile .manager{width:100%}
	#your-profile select#department, select#location, select#areacode, select#jobtitle, select#role{ width:90%;left:17px;}
	#your-profile table.mobiletable{width:95%;}
}

/*  
 * Class for edit panel
 * May be use for all similar edit panels in future
 */
.edit-panel textarea{
	width:91%; height:175px;
	background: none repeat scroll 0 0 #FBFBFB;
    border: 1px solid #E5E5E5;
    box-shadow: 1px 1px 2px rgba(200, 200, 200, 0.2) inset;
}
.edit-panel .title{
	width: 43%;
	background: none repeat scroll 0 0 #FBFBFB;
    border: 1px solid #E5E5E5;
    box-shadow: 1px 1px 2px rgba(200, 200, 200, 0.2) inset;
    font-family: Arial, Helvetica, sans-serif; font-size:11pt;
}
.edit-panel .content {
	font-size: 11pt;
}
.edit-panel a{
    color: #21759B;
    text-decoration: none;
}
.edit-panel a:hover{
	color: #d54e21 !important;
}
.edit-panel .empty,
.edit-panel .error{
	display: none
}
.edit-panel .label_title{
	font-size: 11pt;
	width: 43%;
	background: none repeat scroll 0 0 #FBFBFB;
    font-family: Arial, Helvetica, sans-serif; font-size:11pt;
}

.advice-and-help {
   float:right;
   margin-right: 24px;
}

.ep-advice-help-line {
	margin-top: 5px !important;
	margin-right: 21px !important;
}

#signup-form, #your-profile {
   clear: left;
}

span.uploadimgdialog {
   float: left;
   cursor:default !important;
   top: 0px !important;
   margin-left:50px;
}

@media only screen and (min-width: 768px) and (max-width: 910px) {
	.edit-panel textarea{ width:93%; height:140px; }
	.advice-and-help {
	   margin-right: 13px;
	}
	.ep-advice-help-line {
		margin-top: 7px !important;
		margin-right: 12px !important;
}
	span.uploadimgdialog {
	   margin-left:25px;
	   font-size: 11px;
	}
	/*this css only for sign up - invited guest(2b) page*/
	span.plaintext {
	   font-size: 11px;
	}
	.license-text {
	   padding:3px 0 0 !important;
	}
	/* -End- */
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	.sign-up-container {margin-top: 10px !important;}
	.edit-panel textarea{ width:91%; height:30px; }
	.advice-and-help {
	   margin-right: 0px;
	}
	.inp {width: 92% !important;}
	/*#signup-form input[type="text"],#signup-form input[type="password"] {width: 100%;}*/
	#your-profile .innertable{width:103%;}
	#your-profile #addManagerLink, #your-profile #addJobtitleLink, #your-profile #addDepartmentLink, #your-profile #addLocationLink  {
	  position: relative;
	  top: 0;
	  left: 0;
}
	#your-profile input[type='password'] , #edit-profile input[type='text'] {
		width: 82%;
	}
	
	#your-profile input[type="tel"] {
		width: 270px;
	}
   span.uploadimgdialog {
   display:none;
}
.ep-advice-help-line {
   margin: 0 !important;
   float: left !important;
}
/*this css only for sign up - invited guest(2b) page*/
span.plaintext {
   display: none;
}
/* -End- */
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
	.sign-up-container {
		margin-top: 10px !important;
		/*margin-bottom: 0px !important;*/
	}
   .advice-and-help {
	  margin-right: 0px;
   }
   .ep-advice-help-line {
	  margin: 0 0 0 0 !important;
	  float: left !important;
   }
   .inp {width: 92% !important;}
   #signup-form input[type="text"],#signup-form input[type="password"] {width: 100%;}
   #your-profile .innertable{width:103%;}
   #your-profile #addManagerLink, #your-profile #addJobtitleLink, #your-profile #addDepartmentLink, #your-profile #addLocationLink  {
	  position: relative;
	  top: 0;
	  left: 0;
}  
   #your-profile select#department, select#location, select#areacode, select#jobtitle, select#role{ width:100.5%;left:17px;}
   #your-profile input[type="text"]{width:87%;background: #EEE; border:0;}
   span.uploadimgdialog {
   display:none;
}
	#your-profile input[type="tel"] {
		width:185px;
	}
.if320to16px {
	font-size: 16px;
}
/*this css only for sign up - invited guest(2b) page*/
span.plaintext {
   display: none;
}
/* -End- */
}