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

 * ELEMENTS																																	*

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



/*Zero margin for everything*/

* {

  margin: 0;

}



body {

  background-color: #dfdfdf;

  font-size: 13px;

  color: #555;

}



/*Free google font*/

body, input, textarea, option, a, h1 {

  font-family: 'Open Sans', sans-serif;

}



a {

  color: #4f74bf;

}



a:hover {

  text-decoration: none;

}



h1 {

  font-size: 20px;

  margin: 0 0 10px 30px;

  padding-top: 20px;

  color: #555;

}



h2 {

  font-size: 16px;

  margin: 0 0 10px 30px;

  padding-top: 10px;

  color: #555;

}



h2i {

  font-size: 16px;

  font-style: italic;

  color: #555;

}



h3 {

  font-size: 12px;

  margin: 0 30px 10px 30px;

  padding-top: 10px;

  color: #555;

}



h3o {

  font-size: 13px;

  color: #ff5800;

}





tr.hover td {

    background: #c3ffbd;

}

tr.active td {

    background: #ffb62d;

}



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

 * CLASSES																																	*

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



.logo {

  text-align: center;

  margin: 40px auto 0px auto;

  border: none;

}



.header_logo

{

	text-align: center;

}

 

.line {

  margin: 20px 0 20px 30px;

  width: 365px;

  height: 1px;

  background-color: #d7d7d7;

}



.lineinform {

  margin: 20px 0 20px 0px;

  width: 365px;

  height: 1px;

  background-color: #d7d7d7;

}



.lineL {

  margin: 10px 0px 0px 0px;

  width: 710px;

  height: 1px;

  background-color: #d7d7d7;

}



.lineT {

  margin: 10px 0px 0px 0px;

  width: 280px;

  height: 1px;

  background-color: #d7d7d7;

}



.lineB {

  margin: 10px 0px 0px 0px;

  width: 500px;

  height: 1px;

  background-color: #d7d7d7;

}



.linewide {

  margin: 20px 0 20px 30px;

  width: 795px;

  height: 1px;

  background-color: #d7d7d7;

}



.form {

  background-color: #fff;

  width: 430px;

  border-radius: 5px;

  -moz-border-radius: 5px;

  margin: 40px auto;

  

  -moz-box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.25);

  -webkit-box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.25);

  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.25);

}



.toplinks {

	/*border: 1px solid #c8c8c8;*/

	text-align: right;

	padding-right: 20px;

	padding-bottom: 3px;

	width: 860px;

  margin: 22px auto 0px;

}



.formwide {

  background-color: #fff;

  width: 860px;

  border-radius: 5px;

  -moz-border-radius: 5px;

  margin: 0px auto;

  

  -moz-box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.25);

  -webkit-box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.25);

  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.25);

}



/******************************* BUTTONS *******************************/



.btn-facebook, .btn-twitter, form input[type="text"], input[type="number"], 

	input[type="password"], input[type="submit"], .btn-activate, .btn-password, textarea {

	border-radius: 3px;

	-moz-border-radius: 3px;

}



.btn-facebook, .btn-twitter, input[type="submit"] {

  -moz-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.25);

  -webkit-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.25);

  box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.25);

  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3);

  color: #fff;

}



.btn-facebook, .btn-twitter {

  float: left;

  padding: 8px 14px 10px 30px;

  

  text-decoration: none;

  

  background-repeat: no-repeat;

  background-position: 5% 42%;

}



.btn-facebook {

  margin-left: 30px;

  background-color: #3f8ff2;

  background-image: url(../design/fb-icon.png);

  background-image: url(../design/fb-icon.png), -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4f74bf), to(#3f8ff2));

  background-image: url(../design/fb-icon.png), -webkit-linear-gradient(top, #3f8ff2, #4f74bf);

  background-image: url(../design/fb-icon.png), -moz-linear-gradient(top, #3f8ff2, #4f74bf);

  background-image: url(../design/fb-icon.png), -ms-linear-gradient(top, #3f8ff2, #4f74bf);

  background-image: url(../design/fb-icon.png), -o-linear-gradient(top, #3f8ff2, #4f74bf);

  border: 1px solid #4f74bf;

}



.btn-facebook:hover {

  background-color: #4f74bf;

  background-image: url(../design/fb-icon.png);

  background-image: url(../design/fb-icon.png), -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4f74bf), to(#4f74bf));

  background-image: url(../design/fb-icon.png), -webkit-linear-gradient(top, #4f74bf, #4f74bf);

  background-image: url(../design/fb-icon.png), -moz-linear-gradient(top, #4f74bf, #4f74bf);

  background-image: url(../design/fb-icon.png), -ms-linear-gradient(top, #4f74bf, #4f74bf);

  background-image: url(../design/fb-icon.png), -o-linear-gradient(top, #4f74bf, #4f74bf);

}



.btn-twitter {

  margin-left: 10px;

  background-color: #28c4ff;

  background-image: url(../design/tw-icon.png);

  background-image: url(../design/tw-icon.png), -webkit-gradient(linear, 0% 0%, 0% 100%, from(#00aced), to(#28c4ff));

  background-image: url(../design/tw-icon.png), -webkit-linear-gradient(top, #28c4ff, #00aced);

  background-image: url(../design/tw-icon.png), -moz-linear-gradient(top, #28c4ff, #00aced);

  background-image: url(../design/tw-icon.png), -ms-linear-gradient(top, #28c4ff, #00aced);

  background-image: url(../design/tw-icon.png), -o-linear-gradient(top, #28c4ff, #00aced);

  border: 1px solid #00aced;

  padding-bottom: 10px;

}



.btn-twitter:hover {

  background-color: #00aced;

  background-image: url(../design/tw-icon.png);

  background-image: url(../design/tw-icon.png), -webkit-gradient(linear, 0% 0%, 0% 100%, from(#00aced), to(#00aced));

  background-image: url(../design/tw-icon.png), -webkit-linear-gradient(top, #00aced, #00aced);

  background-image: url(../design/tw-icon.png), -moz-linear-gradient(top, #00aced, #00aced);

  background-image: url(../design/tw-icon.png), -ms-linear-gradient(top, #00aced, #00aced);

  background-image: url(../design/tw-icon.png), -o-linear-gradient(top, #00aced, #00aced);

}



.btn-facebook:active, .btn-twitter:active {

  margin-top: 1px;

  margin-bottom: -1px;

}



/******************************* FORM *******************************/



form {

  margin: 0 0 0 30px;

}



form input[type="text"], input[type="password"], input[type="number"] {

  padding: 10px 14px 12px 14px;

  background-color: #f2f2f2;

  border: 1px solid #c8c8c8;

  width: 335px;

  color: #838383;

  margin: 10px 0 0 0;

  font-size: 15px;

}



form textarea {

	padding: 10px 14px 12px 14px;

  background-color: #f2f2f2;

  border: 1px solid #c8c8c8;

  color: #838383;

  margin: 10px 0 0 0;

  font-size: 15px;

  max-width: 600px;

	min-height: 25px;

	min-width: 300px;

}



/*form option {

	padding: 10px 14px 12px 14px;

  background-color: #f2f2f2;

  border: 1px solid #c8c8c8;

  color: #838383;

  margin: 10px 0 0 0;

  font-size: 15px;

}*/



form input[type="text"].accomodation-text {

  width: 60px;

}



form input[type="text"].data-text {

	padding: 5px 7px 6px 17px;

	margin: 10px 5px 0px 86px;

}



form input[type="submit"] {

  padding: 8px 35px 10px 35px;

  font-size: 15px;

}



form input[type="submit"]:hover {

  cursor: pointer

}



form input[type="submit"].data-send {

  padding: 4px 17px 5px 17px;

  font-size: 15px;

}



form input[type="submit"].group-data-send {

  padding: 4px 17px 5px 17px;

  margin: 10px 5px 0px 370px;

  font-size: 15px;

}



/******************************* Coordinator *******************************/



form.laboratory {

	margin: 0 0 0 0;

}



form input[type="text"].pay-text {

	padding: 5px 7px 6px 17px;

	margin: 10px 5px 10px 5px;

	width: 100px;

}



form input[type="text"].lab-text {

	padding: 5px 7px 6px 17px;

	margin: 10px 5px 10px 5px;

	width: 200px;

}



form input[type="text"].address-text {

	padding: 5px 7px 6px 17px;

	margin: 10px 5px 10px 5px;

	width: 330px;

}



.btn-sign-in {

  margin: 30px 0px 30px 115px;

}



.btn-register {

  margin: 30px 0px 30px 15px;

}



.btn-Activate, .btn-password {

  padding: 8px 35px 10px 35px;

  font-size: 15px;

  border-radius: 3px;

	-moz-border-radius: 3px;

  -moz-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.25);

  -webkit-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.25);

  box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.25);

  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3);

  color: #fff;

}



.accomodation-link {

  /* float: right; */

}



.forgotten-password-link {

  float: left;

  margin-top: 40px;

}



/***************************** ADMIN/STAFF ****************************/



.contatcs-management-link, .members-management-link, .schools-management-link, 

.coords-management-link, .gmm_resp-management-link, .labforms-management-link, 

.friends-management-link, .labspe-referents-management-link, .labspe-tutors-management-link, 

.laboratories-management-link, .friends-status-link, .credits-management-link, 

.laboratory-link, .students-link, .responsible-link, .labspe-students-management-link {

	padding-top:8px;

}



/***************************** COORDINATOR ****************************/



.coordinator-link, .school-link, .fulfillments-link, .fulfillments2-link, 

.unit-dates-link, .unit-dates2-link, .credits-link, .friend-link {

	padding-top:8px;

} 



/******************************* TABLES *******************************/

.data-table, .file-table {

	border-collapse:collapse;

}



.data-table td, .data-table th {

	border:2px solid white;

	padding:5px;  

}



.data-table td {

	text-align: center;

}



.data-table th {

	background-color: #d3dce3;

}



.file-table td {

  background-color: #dce3d3;

}



.key-value-table {

	border-collapse:collapse;

}



.key-value-table td, .key-value-table th {

	border:2px solid white;

	padding:5px;  

}



.key-value-table th {

	background-color: #d3dce3;

}



.colorRowOdd {

	background-color: #e4ecef;

}



.colorRowEven {

	background-color: #F0F0F0;

}



.key {

	font-style: italic;

	font-weight: bold;

	width: 100px;

}



.value {

	text-align: left; 

	width:600px;	

}



.minivalue {

	text-align: left; 

	width:300px;	

}



.microvalue {

	text-align: left; 

	width:200px;	

}



/* MANAGEMENT BOXES */

.contacts-management-box, .members-management-box, .schools-management-box, 

.coords-management-box, .gmm_resp-management-box, .labforms-management-box, 

.friends-management-box, .labspe-referents-management-box, .labspe-tutors-management-box, 

.laboratories-management-box, .friends-status-box, .labspe-students-management-box {

  border-bottom-left-radius: 3px;

  border-bottom-right-radius: 3px;

  -moz-border-bottom-left-radius: 3px;

  -moz-border-bottom-right-radius: 3px;

  display: none;

  width: 800px;

  overflow: auto;	

/*  height: 130px; */

  background-color: #e4ecef;

  padding:0px; 

}



/* DATA BOXES */

.coordinator-box, .school-box, .fulfillments-box, .fulfillments2-box, .unit-dates-box,

.unit-dates2-box, .credits-box, .responsible-box, .friend-box {

  border-bottom-left-radius: 3px;

  border-bottom-right-radius: 3px;

  -moz-border-bottom-left-radius: 3px;

  -moz-border-bottom-right-radius: 3px;

  display: none;

  width: 800px;

  overflow: auto;	

/*  height: 130px; */

  background-color: #e4ecef;

  padding:0px; 

}



.join_mr-box {

  border-bottom-left-radius: 3px;

  border-bottom-right-radius: 3px;

  -moz-border-bottom-left-radius: 3px;

  -moz-border-bottom-right-radius: 3px;

  width: 780px;

  overflow: auto;	

/*  height: 130px; */

  background-color: #e4ecef;

  padding:10px; 

}



.accomodation-box {

    display: none;

}



/*FORGOTTEN PASSWORD*/

.forgotten-password-box, .error-box {

  width: 430px;

  border-bottom-left-radius: 3px;

  border-bottom-right-radius: 3px;

  -moz-border-bottom-left-radius: 3px;

  -moz-border-bottom-right-radius: 3px;

}



.forgotten-password-box {

  display: none;

  height: 130px;

  background-color: #f2f2f2;

}



.forgotten-password-box input[type="text"]  {

  margin: 20px 10px 0 0;

  width: 213px;

}



/*TERMS AND CONDITIONS*/

#tac-checkbox  {   /* .forgotten-password-link */

  float: left;

  margin-top: 40px;

}



#tac-cbox, #conf-cbox {

  margin-top: 10px;

}



label {

  line-height: 12px;

  padding-left: 5px;

}



.sign-link {

  text-align: center;

 /*float: left;*/

  margin: 30px 0 0 0;

}



/*ERROR STATES*/

.error-box {

  display: none;

  height: 70px;

  color: #fff;

}



.error-message {

  float: left;

  margin: 24px 30px 0 30px;

}



.red {

  background-color: #d03e3e;

}



.green {

  background-color: #72d03e;

}



.yellow {

	background-color: yellow;

}



.success-message {

  line-height: 60px;

  margin: 30px 0 0 30px;

}



.ipt-error {

  background-color: #f4b4b4 !important;

  border: 1px solid #d03e3e !important;

  color: #333 !important;

}



.ipt-error::-webkit-input-placeholder {

    color:    #d03e3e;

}

.ipt-error:-moz-placeholder {

    color:    #d03e3e;

}

.ipt-error::-moz-placeholder {

    color:    #d03e3e;

}

.ipt-error:-ms-input-placeholder {

    color:    #d03e3e;

}



/*PLACEHOLDERS FOR IE BROWSER*/

.ie-placeholders {

  display: none;

}



/******************************* COLOR SCHEMES *******************************/



/*Orange*/

.btn-orange {

  background-color: #ff8000;

  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff5800), to(#ff8000));

  background: -webkit-linear-gradient(top, #ff8000, #ff5800);

  background: -moz-linear-gradient(top, #ff8000, #ff5800);

  background: -ms-linear-gradient(top, #ff8000, #ff5800);

  background: -o-linear-gradient(top, #ff8000, #ff5800);

  border: 1px solid #ff5800;

}



.btn-orange:hover {

  background-color: #ff5800;

  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff5800), to(#ff5800));

  background: -webkit-linear-gradient(top, #ff5800, #ff5800);

  background: -moz-linear-gradient(top, #ff5800, #ff5800);

  background: -ms-linear-gradient(top, #ff5800, #ff5800);

  background: -o-linear-gradient(top, #ff5800, #ff5800);

}



/*Red*/

.btn-red {

  background-color: #d82f2f;

  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ca0000), to(#d82f2f));

  background: -webkit-linear-gradient(top, #d82f2f, #ca0000);

  background: -moz-linear-gradient(top, #d82f2f, #ca0000);

  background: -ms-linear-gradient(top, #d82f2f, #ca0000);

  background: -o-linear-gradient(top, #d82f2f, #ca0000);

  border: 1px solid #ca0000;

}



.btn-red:hover {

  background-color: #ca0000;

  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ca0000), to(#ca0000));

  background: -webkit-linear-gradient(top, #ca0000, #ca0000);

  background: -moz-linear-gradient(top, #ca0000, #ca0000);

  background: -ms-linear-gradient(top, #ca0000, #ca0000);

  background: -o-linear-gradient(top, #ca0000, #ca0000);

}



/*Blue*/

.btn-blue {

  background-color: #3f8ff2;

  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4f74bf), to(#3f8ff2));

  background: -webkit-linear-gradient(top, #3f8ff2, #4f74bf);

  background: -moz-linear-gradient(top, #3f8ff2, #4f74bf);

  background: -ms-linear-gradient(top, #3f8ff2, #4f74bf);

  background: -o-linear-gradient(top, #3f8ff2, #4f74bf);

  border: 1px solid #4f74bf;

}



.btn-blue:hover {

  background-color: #4f74bf;

  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4f74bf), to(#4f74bf));

  background: -webkit-linear-gradient(top, #4f74bf, #4f74bf);

  background: -moz-linear-gradient(top, #4f74bf, #4f74bf);

  background: -ms-linear-gradient(top, #4f74bf, #4f74bf);

  background: -o-linear-gradient(top, #4f74bf, #4f74bf);

}



/*Green*/

.btn-green {

  background-color: #73b845;

  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#54ad19), to(#73b845));

  background: -webkit-linear-gradient(top, #73b845, #54ad19);

  background: -moz-linear-gradient(top, #73b845, #54ad19);

  background: -ms-linear-gradient(top, #73b845, #54ad19);

  background: -o-linear-gradient(top, #73b845, #54ad19);

  border: 1px solid #54ad19;

}



.btn-green:hover {

  background-color: #54ad19;

  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#54ad19), to(#54ad19));

  background: -webkit-linear-gradient(top, #54ad19, #54ad19);

  background: -moz-linear-gradient(top, #54ad19, #54ad19);

  background: -ms-linear-gradient(top, #54ad19, #54ad19);

  background: -o-linear-gradient(top, #54ad19, #54ad19);

}



/*Magenta*/

.btn-magenta {

  background-color: #b637c5;

  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#a711b9), to(#b637c5));

  background: -webkit-linear-gradient(top, #b637c5, #a711b9);

  background: -moz-linear-gradient(top, #b637c5, #a711b9);

  background: -ms-linear-gradient(top, #b637c5, #a711b9);

  background: -o-linear-gradient(top, #b637c5, #a711b9);

  border: 1px solid #a711b9;

}



.btn-magenta:hover {

  background-color: #a711b9;

  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#a711b9), to(#a711b9));

  background: -webkit-linear-gradient(top, #a711b9, #a711b9);

  background: -moz-linear-gradient(top, #a711b9, #a711b9);

  background: -ms-linear-gradient(top, #a711b9, #a711b9);

  background: -o-linear-gradient(top, #a711b9, #a711b9);

}



/*Grey*/

.btn-grey {

  background-color: #d2d2d2;

  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#c7c7c7), to(#d2d2d2));

  background: -webkit-linear-gradient(top, #d2d2d2, #c7c7c7);

  background: -moz-linear-gradient(top, #d2d2d2, #c7c7c7);

  background: -ms-linear-gradient(top, #d2d2d2, #c7c7c7);

  background: -o-linear-gradient(top, #d2d2d2, #c7c7c7);

  border: 1px solid #c7c7c7;

}



.btn-grey:hover {

  background-color: #c7c7c7;

  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#c7c7c7), to(#c7c7c7));

  background: -webkit-linear-gradient(top, #c7c7c7, #c7c7c7);

  background: -moz-linear-gradient(top, #c7c7c7, #c7c7c7);

  background: -ms-linear-gradient(top, #c7c7c7, #c7c7c7);

  background: -o-linear-gradient(top, #c7c7c7, #c7c7c7);

}



/*Custom*/

.btn-custom {

  background-color: #your_color;

  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#your_color), to(#your_color));

  background: -webkit-linear-gradient(top, #your_color, #your_color);

  background: -moz-linear-gradient(top, #your_color, #your_color);

  background: -ms-linear-gradient(top, #your_color, #your_color);

  background: -o-linear-gradient(top, #your_color, #your_color);

  border: 1px solid #your_color;

}



.btn-custom:hover {

  background-color: #your_color;

  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#your_color), to(#your_color));

  background: -webkit-linear-gradient(top, #your_color, #your_color);

  background: -moz-linear-gradient(top, #your_color, #your_color);

  background: -ms-linear-gradient(top, #your_color, #your_color);

  background: -o-linear-gradient(top, #your_color, #your_color);

}