@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,600,400);

div.tableBodyWrapper {
	overflow-y: auto;
    overflow-x: hidden;
    width:		100%;
}

#div_title {
	position:			fixed;
	left:				0px;
	top:				0px;
	width:				100%;
	min-width:			1220px;
	height:				70px;
	overflow:			hidden;
	background-image: 	url(/Common/Images/title_background.png);
}

#div_title2 {
	position:		  fixed;
	left:			  0px;
	top:			  70px;
	width:			  100%;
	min-width:		  1220px;
	background-color: #353535;
	height:			  30px;
	overflow:		  hidden;
}

#div_main {
	font-family:	tahoma;
	font-size:		10pt;
	height: 100%;
	min-height: 100%;
}

#div_bar_popup {
	z-index:10;

	border-bottom-right-radius:			15px;
	border-bottom-left-radius:			15px;
	-moz-border-radius-bottomright: 	15px;
	-moz-border-radius-bottomleft: 		15px;
	-webkit-border-bottom-right-radius:	15px;
	-webkit-border-bottom-left-radius:	15px;

	padding-left:	20px;
	padding-right:	20px;
	padding-top:	10px;
	padding-bottom:	5px;

	position:		fixed;
	top:			98px;

	font-family:	trebuchet ms;
	font-size:		12px;
	font-weight:	bold;
	text-align:		center;
	color:			#878787;
	white-space:	nowrap;

	background-color: #f4f5f6;

	border-style:	solid;
	border-width:	1px;
	border-color:	#eaeaea;

	border-radius: 			5px;
	-moz-border-radius: 	5px;
	-webkit-border-radius: 	5px;
	-o-border-radius: 		5px;

	-moz-box-shadow: 	0px 0px 10px #000;
	-webkit-box-shadow: 0px 0px 10px #000;
	box-shadow: 		0px 0px 10px #000;
}

#div_barra_lateral {
	display:	none;

	width:		16%;
	text-align:	center;

	background-color: white;

	border-radius: 			5px;
	-moz-border-radius: 	5px;
	-webkit-border-radius: 	5px;
	-o-border-radius: 		5px;

	border-style:	solid;
	border-width:	1px;
	border-color:	#f4f5f6;
}

.tbBarraLateral {
	padding:		2%;
	border-spacing:	0px;

	font-family:	trebuchet ms;
	width:			96%;

	color:		#878787;
}

.tbBarraLateral .tbBarraLateralTitle{
	font-size:		15px;
	text-align:		left;
}

.tbBarraLateral .tbBarraLateralContent{
	font-size:		12px;
	text-align:		right;
}

.tbBarraLateral .tbBarraLateralContent .tbBarraLateralContentPadding{
	padding:6px;
}

#dvPopOverBackground {
	height		: 100%;
	width		: 100%;
	top			: 0px;
	left		: 0px;
	background	: #000000;
	position:   : fixed;
	z-index		: 999;

	opacity		: 0.6;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: 	progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
}

#dvFloatError {
	z-index: 			1500;
	position: 	 		fixed;
	display:  	 		none;
	top:	  	 		32px;
	left:	  	 		30%;
	width:		 		40%;
	height:		   		auto;
	overflow:			hidden;
}

.default {
	color: 		 black;
	font-size:   8pt;
	font-family: tahoma;
}

A:link 		{color: #3f9de1; text-decoration: none; font-size:8pt;}
A:visited 	{color: #3f9de1; text-decoration: none; font-size:8pt;}
A:active 	{color: #3f9de1; text-decoration: none; font-size:8pt;}
A:hover		{color: #3f9de1; text-decoration: none; font-size:8pt;}

A.black:link 	{color: black; text-decoration: none; font-size:8pt;}
A.black:visited {color: black; text-decoration: none; font-size:8pt;}
A.black:active 	{color: black; text-decoration: none; font-size:8pt;}
A.black:hover	{color: #3f9de1; text-decoration: none; font-size:8pt;}

A.red:link 		{color: red; text-decoration: none; font-size:8pt;}
A.red:visited 	{color: red; text-decoration: none; font-size:8pt;}
A.red:active 	{color: red; text-decoration: none; font-size:8pt;}
A.red:hover		{color: red; text-decoration: none; font-size:8pt;}

A.white:link 	{color: white; text-decoration: none; font-size:8pt;}
A.white:visited {color: white; text-decoration: none; font-size:8pt;}
A.white:active	{color: white; text-decoration: none; font-size:8pt;}
A.white:hover	{color: #3f9de1; text-decoration: none; font-size:8pt;}

table.main_struct {
	width:80%;
}

table.main_struct td.left {
	padding:		10px 20px;
	text-align:	    center;
	vertical-align: top;
	width:  	    118px;
}

table.main_struct td.line {
	vertical-align: top;
	width: 		 	1px;
	padding-top:	10px;
}

table.main_struct td.center {
	padding:		10px 20px;
	vertical-align: top;
}

table.main_struct td.right {
	padding:		10px 20px;
	vertical-align: top;
	width:			300px;
}

.tbEquipas {
	border-radius: 			5px;
	-moz-border-radius: 	5px;
	-webkit-border-radius: 	5px;
	-o-border-radius: 		5px;

	border-style:	solid;
	border-width:	1px;
	border-color:	#e5e5e5;

	font-family:	trebuchet ms;
	text-align:		right;
}

.tbEquipas .tbEquipasTop {
	font-size:		15px;
	font-weight:	bold;
	text-align:		left;

	color: 		 	white;

	background-color:	#c1c1c1;
}

.tbEquipas .tbEquipasTopOver {
	background-color:	#4ca150;
	text-align:			left;
	font-weight:		bold;
}

.tbEquipas .tbEquipasContent {
	font-size:			12px;
	background-color:	#f6f6f6;
	text-align:			center;
}

.tbEquipas .tbEquipasResultado {
	font-size:	45px;
	text-align:	center;
}

.tbSearch {
	width:		400px;
	height:		100px;

	border-radius: 			5px;
	-moz-border-radius: 	5px;
	-webkit-border-radius: 	5px;
	-o-border-radius: 		5px;

	border-style:	solid;
	border-width:	1px;
	border-color:	#c1c1c1;

	font-family:	trebuchet ms;
	text-align:		right;

	background-color:	#f6f6f6;
}

.tbSearch .tbSearchTitle{
	font-size:		16px;
	text-align:		left;
}

.tbSearch .tbSearchBottom{
	font-size:		12px;
	text-align:		right;
}

.tbSearchResults {
	font-family:	trebuchet ms;
}

.tbSearchResults .tbSearchResultsNum {
	font-size:		10px;
}

.tbSearchResults .tbSearchResultsList {
	font-size:			14px;
	background-color:	#f6f6f6;
	text-align:			center;
}

.tbSearchResults .tbSearchResultsListOver {
	font-size:			14px;
	background-color:	#b3b0b0;
	text-align:			center;
}

.tbSearchResults .tbSearchResultsListPadding {
	padding-left:	10px;
	padding-right:	10px;
}

.eyg-prs {
	padding-right: 5px !important;
}
.eyg-mrs {
	margin-right: 5px !important;
}

.tbForm {
	font-family:	trebuchet ms;
}

.tbForm .tbFormTitle {
	font-size:		14px;
	vertical-align:	top;
	color:			#777575;
}

.tbForm .tbFormData {
	font-size:	12px;
	color:		#827e7e;
}

.tbForm .tbFormDataHover:hover {
	cursor:				pointer;
	background-color:	#e1e1e1;
}

.tbForm .tbFormlink {
	font-size:		10px;
}

.tbForm .tbFormButton {
	text-align:	right;
}

.tbForm .tbFormAviso {
	font-size:	12px;
	color:		#d7b943;

	border-style:	solid;
	border-width:	1px;
	border-color:	#d7b943;

	border-radius: 			5px;
	-moz-border-radius: 	5px;
	-webkit-border-radius: 	5px;
	-o-border-radius: 		5px;

	padding:5px;
}

.tblTitle {
	font-family:trebuchet ms;
	font-size:	14px;
	color:		#777575;

	border-bottom-style:	solid;
	border-bottom-width:	1px;
	border-bottom-color:	#d5d5d5;
}

.tbStatisticsCabecalho td{
    padding-left: 		10px;
    height: 			25px;
    color: 				#f5f5f5;
    font-weight: 		bold;
    font-size: 			12px;
    background-color: 	#4f4f4f;
    white-space: 		nowrap; 
	overflow: 			hidden;
}

.tbStatisticsContent {
	table-layout:	fixed;
}

.tbStatisticsContent td {
        padding-left:	10px;
        white-space:	nowrap; 
        overflow: 		hidden;
        height: 		25px;
        color: 			#4d4d4d;
        border-top: 	1px solid #e5e5e5;
}

.tbDynamic {
	font-family:	trebuchet ms;
	border-spacing:	0px;
}

.tbDynamic .tbDynamicTitle {
	font-size:			12px;
	font-weight:		bold;
	color:				white;
	background-color: 	#c1c1c1;
}

.tbDynamic .tbDynamicTitle .tbDynamicTitleContent {
	padding:	5px;
	text-align:	center;

	border-bottom-style:	solid;
	border-bottom-width:	1px;
	border-bottom-color:	#d5d5d5;
}

.tbDynamic .tbDynamicData {
	font-size:	10px;
	color:		#777575;
	text-align:	center;
}

.tbDynamic .tbDynamicData .tbDynamicDataContent {
	border-bottom-style:	solid;
	border-bottom-width:	1px;
	border-bottom-color:	#d5d5d5;

	padding: 3px;
}

.table_textbox {
    font-family: trebuchet ms;
    font-size:   8pt;
    border: 	 1px solid #ceced0;
}

.tableForm {
	Font-Family: 	  trebuchet ms;
	Font-Size:  	  8pt;
	color: 		 	  black;
	background-color: #f6f6f6;
	height:			  24px;
}

.buttons {
	font-family:	trebuchet ms;
	font-size:		12px;
}

.tbChat {
	border-radius: 5px;
	-moz-border-radius: 5px;

	border-style:	solid;
	border-width:	1px;
	border-color:	#4ca150;

	font-family:	trebuchet ms;
	font-size:		14px;
	text-align:		left;

	background-color:	#baeba3;

	width:300px;
}

.tbChat .tbChatText{
	font-size:		10px;
}

.tbDropDownTop {
	text-align:			left;
	color:				white;
	background-color:	#bdbdbd;
	font-family:		trebuchet ms;
	font-size:			12px;
	width:				160px;
	border:				1px solid #c3c3c3;
}

.tbDropDownTop .tbDropDownTopArrow {
	border:				1px solid #c3c3c3;
	background-color:	white;
	text-align:			center;
	width:				20px;
}

.tbDropDownTop .tbDropDownTopArrow:hover {
	background-color: 	#e1e1e1;
	cursor:				pointer;
}

.tbDropDownTop .tbDropDownTopArrow:click {
	background-color: white;
}

.tbDropDownContent {
	position: 			absolute;
	border:				1px solid #c3c3c3;
	background-color:	white;
	text-align:			center;
	width:				160px;
	height:				150px;
	overflow:			auto;
}

.tbDropDownContent .tbDropDownContentPais:hover {
	background-color: 	#e1e1e1;
	cursor:				pointer;
}
#site-container-sidebar {
	background: #212121;
	height:100%;
    min-height:100%;
}
#main-content-top-container {
	width: 100%;
	display: block;
	z-index: 100;
	height: 10%;
}
#main-content-container {
	display: block;
	width: 98%;
	height: 88%;
	overflow: auto;
	z-index: 10;
	padding: 1%;
}
#brand-logo-menu {
	width: 100%;
	display: block;
	font-size: 18px;
	text-align: center;
	padding: 30px 0px 30px 0px;
}
#brand-logo-menu a {
	font-family: 'Open Sans', sans-serif, Arial, Verdana, Helvetica, sans-serif;
	font-size: 30px;
	font-weight: 100;
	text-shadow: 1px 1px 2px #000000;
	color: #ffffff;
}
#brand-logo-menu a:hover {
	color: #ccc;
	text-decoration: none;
}

.mts { margin-top: 5px !important; }
.mbs { margin-bottom: 5px !important; }
.mls { margin-left: 5px !important; }
.mrs { margin-right: 5px !important; }

.mtm { margin-top: 10px !important; }
.mbm { margin-bottom: 10px !important; }
.mlm { margin-left: 10px !important; }
.mrm { margin-right: 10px !important; }

.mtb { margin-top: 20px !important; }
.mbb { margin-bottom: 20px !important; }
.mlb { margin-left: 20px !important; }
.mrb { margin-right: 20px !important; }

#profile-picture {
	max-width: 45px;
	max-height: 45px;
	margin-right: 10px;
	border-radius: 20px;
	background-color: #fff;
	border: 2px solid #fff;
	box-shadow: 1px 1px 2px #ccc;
	vertical-align: middle;
	float: none;
}
#home-eyg-no-login{
	background-image: url('/Common/Images/Login/eygbg.png');
	background-repeat:no-repeat;
	background-attachment:fixed;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	overflow-x:hidden;
}
.home-eyg-register {
	font-family: 'Open Sans', sans-serif, Arial, Verdana, Helvetica, sans-serif;
	width: 60%;
	background:#fff;
	border:1px solid #666666;
	position: absolute;
	top: 10%;
	left: 20%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
	box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 30px 60px;
	padding-top: 0px;
	float: left;
	margin-top: 30px;
	background-color: #f9f9f9;
	margin-bottom: 10%;
}
.home-eyg-register-header {
	background:#f1f1f1;
	font-size:16px;
	padding: 15px;
	color: #333;
	border-bottom: 1px solid #ccc;
}
.h2Logo {
	font-family: 'Open Sans', sans-serif, Arial, Verdana, Helvetica, sans-serif;
	position: relative;
	left: 25%;
	top: 4%;
	font-size: 40px;
	font-weight: 100;
	text-shadow: 1px 1px 2px #000000;
	color: #ffffff;
}
.home-eyg-register-container-left {
	font-family: 'Open Sans', sans-serif, Arial, Verdana, Helvetica, sans-serif;
	width: 50%;
	float: left;
	font-size: 14px;
	line-height: 19px;
	color: #666;
	font-weight: 100;
}
.link-hp-text {
	font-family: 'Open Sans', sans-serif, Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px !important;
	color: #3f9de1 !important;
}
.home-eyg-register-container-left h3 {
	font-weight: 100;
	color: #3f9de1;
	padding: 0px 0px 20px 0px;
	margin:0px;
}
.home-eyg-register-container-right {
	float: left;
	width: 96%;
	padding: 2%;
}
.input-login-hp {
	font-size: 12px !important;
	color: #ccc;
	height: 29px !important;
	padding-left: 10px !important;
	border-radius: 3px !important;
	-webkit-border-radius:3px !important;
	-moz-border-radius:3px !important;
	font-family: 'Open Sans', sans-serif, Arial, Verdana, Helvetica, sans-serif;
}
.btn-login-hp {
	width: 224px !important;
	height: 40px !important;
	font-family: 'Open Sans', sans-serif, Arial, Verdana, Helvetica, sans-serif;
}
.form-hp-register { 
	font-size: 12px !important;
}
.form-hp-register .control-group{
	margin-bottom: 10px !important;
}
.form-hp-register .help-block {
	font-size: 11px; color: #999; margin-top: 5px !important;
}
.form-hp-register .control-label {
	font-size: 12px !important;
	color: #333 !important;
}
.form-hp-register .controls input {
	border-radius: 3px !important;
	font-size: 12px !important;
	height: 22px !important;
	padding-left: 10px !important;
}
.home-eyg-info {
	float: left;
	width: 100%;
}
.home-eyg-info .eyg-info {
	width: 100%;
	float: left;
	padding: 0px;
	margin:0px 0px 12px 0px;
	text-align: center;
}
.eyg-info-icon {
	width: 			40px;
	height: 		40px;
	border-radius: 	40px;
	background: 	#ffffff;
	float: 			left;
	padding: 		0px;
	margin:			0px;
	text-align: 	center;
	border:			1px solid #ccc;
	box-shadow: 	1px 1px 1px #ddd;
	padding: 		10px;
	font-size: 		40px;
}
.home-eyg-info .eyg-info-txt {
	width: 85%;
	font-size: 15px;
	color: #666;
	padding: 10px 0px 0px 0px;
	text-align: left;
	float: right;
	font-weight: 100;
	padding-top: 13px;
}
.home-eyg-info h1 {
	font-weight:100;
	color: 		#3f9de1;
	padding: 	0px 0px 20px 0px;
	margin:		0px;
	font-size: 	23px;
}
.eyg-register-msg {
	font-size: 15px;
	width: 100%;
	float: left;
	padding: 15px 0px 15px 0px;
	font-weight: 100;
	background: #f1f1f1;
	text-align: center;
	margin-top: 15px;
	border-radius: 5px;
}
.btn-eyg-hp-register {
	color: #fff!important;
	font-size: 15px!important;
	width: auto!important;
	padding-left: 20px !important;
	padding-right: 20px !important;
	margin-left: 20px!important;
	padding-top: 10px!important;
	padding-bottom: 10px!important;
	height: auto !important;
}
.home-eyg-login-container {
	width: 100%;
	float: left;
	padding-top: 15px;
	padding-bottom: 15px;
	text-align: right;
}
.eyg-info-icon-c {
	width: 10%;
	float: left;
}
.btn-login-small {
	color: #fff!important;
	font-size: 13px!important;
	width: auto!important;
	padding-left: 10px !important;
	padding-right: 10px !important;
	margin-left: 10px!important;
	padding-top: 5px!important;
	padding-bottom: 5px!important;
	height: auto !important;
	margin-top: 2px;
}
.btn-login-flag {
	padding-left: 8px !important;
	padding-right: 8px !important;
}
.mbn {
	margin-bottom: 0px !important;
}
.mts {
	margin-top: 5px !important;
}
.mn {
	margin: 0px !important;
}
.mrs {
	margin-right: 5px !important;
}
.dib {
	display: inline-block !important;
}
.extra-info-form-login {
	width: 100%;
	float: left;
	font-size: 12px;
	color: #666;
}
.text-left {
	text-align: left !important;
}
.text-small {
	font-size: 12px !important;
}
#eyg-login-form-container {
	display: none;
}
.color-white {
	color: white !important;
}
@media (min-width: 768px) and (max-width: 1024px) {

	.h2Logo {
		font-family: 'Open Sans', sans-serif, Arial, Verdana, Helvetica, sans-serif;
		position: relative;
		left: 10%;
		top: 4%;
		font-size: 40px;
		font-weight: 100;
		text-shadow: 1px 1px 2px #000000;
		color: #ffffff;
	}

	.home-eyg-register {
		font-family: 'Open Sans', sans-serif, Arial, Verdana, Helvetica, sans-serif;
		width: 80%;
		background:#fff;
		border:1px solid #666666;
		position: absolute;
		top: 10%;
		left: 10%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
		-moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
		box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		padding: 30px 60px;
		padding-top: 0px;
		float: left;
		margin-top: 30px;
		background-color: #f9f9f9;
	}
}

@media (max-width: 768px) {

	.h2Logo {
		font-family: 'Open Sans', sans-serif, Arial, Verdana, Helvetica, sans-serif;
		position: relative;
		left: 1%;
		top: 1%;
		font-size: 40px;
		font-weight: 100;
		text-shadow: 1px 1px 2px #000000;
		color: #ffffff;
	}

	body {
	padding: 0px;
	}

	.home-eyg-register {
		font-family: 'Open Sans', sans-serif, Arial, Verdana, Helvetica, sans-serif;
		width: 98%;
		background:#fff;
		border:1px solid #666666;
		position: absolute;
		top: 10%;
		left: 1%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
		-moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
		box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		padding: 2% 5%;
		padding-top: 0px;
		float: left;
		margin-top: 30px;
		background-color: #f9f9f9;
		margin-bottom: 20%;
	}

	.eyg-info-icon-c {
		width: 100%;
		float: left;
		text-align: center;
	}

	.eyg-info-icon {
		border-radius: 60px;
		background: #ffffff;
		float: none;
		padding: 0px;
		margin:10%;
		text-align: center;
		border:1px solid #ccc;
		box-shadow: 1px 1px 1px #ddd;
		padding: 10px;
		font-size: 50px;
		display: inline-table;
		text-align: center;
	}
	.home-eyg-info .eyg-info-txt {
		width: 100%;
		font-size: 15px;
		color: #666;
		padding: 1% 0 1% 0;
		text-align: left;
		float: right;
		font-weight: 100;
	}

	#home-eyg-no-login{
		background-image: url('/Common/Images/Login/eygbg.png');
		background-repeat:no-repeat;
		background-attachment:fixed;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0px;
		left: 0px;
		overflow-x:auto;
		margin-bottom: 5%;
	}
}