/* ---------------------------------------------------------------------------------------------- */
/* ROOT - Variables                                     */
/* ---------------------------------------------------------------------------------------------- */


:root {
	/*
	-- ignorar erros de interpretação do css
	*/
	--font-size-controls: 14px;
	--font-size-body: 14px;
	/*
	--blue: #1e90ff;
	--white: #ffffff;
	*/
}

/* ---------------------------------------------------------------------------------------------- */
/* ELEMENTS                                     */
/* ---------------------------------------------------------------------------------------------- */

body {
	font-size: var(--font-size-body); /* ver variavel em :root */
	font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
	/*
	font-family:'Segoe UI';
	font-size: 14px;
	*/
}

a:link {
	padding: 5px 15px 5px 15px;
	text-decoration: none;
	border-radius: 3px;
	/*
	margin: 5px;
	padding: 5px 10px 5px 10px;
	color: #993300;
	text-decoration: none;
		*/
}

a:visited {
	font-weight: 700;
	/*
	background-color: #336699;
	color: #999900;
	text-decoration: none;
	*/
}

a:hover, a:active {
	color: white;
	background-color: #336699;
	/*
	color: white;
	background-color: #336699;
	text-decoration: none;
	background-color: #336699;
		*/
}


/* ---------------------------------------------------------------------------------------------- */
/* CLASSES                                             */
/* ---------------------------------------------------------------------------------------------- */


/* TextboxLOGIN   */
.cTextBoxLogin {
	font-size: 20px;
	background-color: white;
	border-color: white;
	border-style: solid;
	border-width: 1px;
	border-bottom-color: black;
	padding: 5px 10px 5px 10px;
	width: 200px;
	text-align: center;
	margin: 10px;
	/*
	border-top-width: 0px;
	font-weight:bold;
	*/
}

	.cTextBoxLogin:hover {
		border-width: 1px;
		border-color: slategray;
		/*
	font-size: 20px;
	font-weight:bold;
	background-color:white;
	border-width:1px;
	border-style:solid;
	padding: 5px 10px 5px 10px ;
	*/
	}

	.cTextBoxLogin:focus {
		border-width: 1px;
		border-color: blue;
		background-color: lightyellow;
		/*
	*/
	}

/*   cButtonLogin   
*/
.cButtonLogin {
	border: 0px none #C0C0C0;
	background-color: #D7EBFF;
	font-size: 14px;
	color: #003366;
	width: 200px;
	padding: 10px;
	text-align: center;
	border-radius: 5px;
	/*
	padding: 5px 10px 5px 10px;
	margin: 3px;
	height: auto;
		*/
}

	.cButtonLogin:hover {
		background-color: #003366;
		color: #FFFFFF;
	}

/* ---------------------------------------------------------------------------------------------- */

.cButton {
	border: 0px none #C0C0C0;
	background: #D7EBFF;
	font-size: var(--font-size-controls); /* ver variavel em :root */
	color: #003366;
	width: auto;
	height: auto;
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
	text-decoration: none;
	text-decoration-color: none;
	border-radius: 5px;
}

	.cButton:hover {
		background-color: #003366;
		color: #FFFFFF;
	}

	.cButton:disabled {
		background-color: #D7EBFF;
		color: #C0C0C0;
	}

/* ---------------------------------------------------------------------------------------------- */

.cButtonApagar {
	border: 0px none #C0C0C0;
	background: #D7EBFF;
	font-size: var(--font-size-controls); /* ver variavel em :root */
	color: Red;
	width: auto;
	height: auto;
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
	text-decoration: none;
	text-decoration-color: none;
	border-radius: 5px;
}

	.cButtonApagar:hover {
		background-color: red;
		color: yellow;
	}

	.cButtonApagar:disabled {
		background-color: #D7EBFF;
		color: #C0C0C0;
	}

/* ---------------------------------------------------------------------------------------------- */

.cLinkButton {
	border: 0px none #C0C0C0;
	background: #D7EBFF;
	font-size: var(--font-size-controls); /* ver variavel em :root */
	color: #003366;
	width: auto;
	height: auto;
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
	text-decoration: none;
	text-decoration-color: none;
	border-radius: 5px;
}

	.cLinkButton:hover {
		background-color: #003366;
		color: #FFFFFF;
	}

	.cLinkButton:disabled {
		background-color: #CCCCCC;
		color: #808080;
	}

/* ---------------------------------------------------------------------------------------------- */

.cHyperlink {
	border: 0px none #C0C0C0;
	background: #D7EBFF;
	font-size: var(--font-size-controls); /* ver variavel em :root */
	color: #003366;
	width: auto;
	height: auto;
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
	text-decoration: none;
	text-decoration-color: none;
	border-radius: 5px;
}

	.cHyperlink:hover {
		background-color: #003366;
		color: #FFFFFF;
	}

	.cHyperlink:disabled {
		background-color: #CCCCCC;
		color: #808080;
	}

/* ---------------------------------------------------------------------------------------------- */

.cLabel {
	font-size: var(--font-size-controls); /* ver variavel em :root */
	padding: 5px;
	/*
	padding: 5px 10px 5px 10px ;
		*/
}

.cTextBox {
	font-size: var(--font-size-controls); /* ver variavel em :root */
	background-color: white;
	border-color: lightgrey;
	border-width: 1px;
	border-style: solid;
	padding: 3px 10px 3px 10px;
	width: 200px;
	/*
	font-size: 12px;
		*/
}

	.cTextBox:hover {
		border-color: slategray;
	}

	.cTextBox:focus {
		border-color: slategray;
		background-color: lightyellow;
	}


/* CHECKBOX */
.cCheckBox {
	padding: 5px;
	border: dotted 1px white;
	border-radius: 5px;
	/*
	padding: 5px;
	margin: 5px;
	padding: 5px 5px 5px 5px ;
	border-color:whitesmoke;
	border-width:1px;
	border-style:none;
	padding: 5px;
	*/
}

	/* CHECKBOX - Label (Text) */
	.cCheckBox label {
		margin-left: 5px;
	}

	.cCheckBox input[type=checkbox] {
		background-color: aquamarine;
	}

	.cCheckBox:hover {
		border: dotted 1px gray;
		/*
	cursor:alias;
	background:url(CheckBox.png) no-repeat;
	background-color:black;
	*/
	}

/* RADIOBUTTONLIST */
.cRadioButtonList {
	padding: 5px;
	border: dotted 1px white;
	border-radius: 5px;
	/*
		padding: 5px;
		margin: 5px;
		padding: 5px 5px 5px 5px ;
		border-color:whitesmoke;
		border-width:1px;
		border-style:none;
		padding: 5px;
		*/
}
	/* RADIOBUTTONLIST - Label (Text) */
	.cRadioButtonList label {
		margin: 5px;
	}

	.cRadioButtonList input[type=RadioButtonList] {
		/*background-color:aquamarine;*/
	}

	.cRadioButtonList:hover {
		border: dotted 1px gray;
		/*
	cursor:alias;
	background:url(CheckBox.png) no-repeat;
	background-color:black;
	*/
	}

.cDropDownList {
	border-color: lightgrey;
	border-width: 1px;
	border-style: solid;
	padding: 5px 10px 5px 10px;
	width: auto;
	/*
	font-size: 12px;
		*/
}

	.cDropDownList:hover {
		border-color: slategray;
		/*
	font-size: 12px;
	border-width:1px;
	border-style:solid;
	padding: 5px 10px 5px 10px ;
		*/
	}


/*---------------------------------------------------------------------*/
/*  GRIDVIEWER    */
/*---------------------------------------------------------------------*/

.cGridView {
	font-size: 12px;
	background-color: white;
	color: black;
	border-width: 0px;
	border: none;
	padding: 5px 5px 5px 5px;
	width: 100%;
	/*
	font-size: 12px;
	border-style: none;
	border-color: lightgray;
		*/
}

	.cGridView:hover {
	}

.cGridView-RowStyle {
	border: 1px dotted lightslategrey;
	/*
	border-style:dotted;
	border-width: 1px;
	border-color: lightslategrey;
		*/
}

	.cGridView-RowStyle:hover {
		/*background-color: #cee7ff;*/
		background-color: #FFE682;
		color: black;
	}

.cGridView-SelectedRowStyle {
	background-color: #ceffc9;
	color: black;
}

.cGridView-EditRowStyle {
	background: #ffbcbc;
	color: black;
}

/*---------------------------------------------------------------------*/
/*  GRIDVIEWER  / CommandField    */
/*---------------------------------------------------------------------*/

.cCommandField {
	border: 0px none #C0C0C0;
	background: whitesmoke;
	color: #003366;
	width: auto;
	padding: 5px 10px 5px 10px;
	border-radius: 5px;
}

	.cCommandField:hover {
		background-color: #003366;
		text-align: center;
		color: white;
		width: auto;
		padding: 5px 10px 5px 10px;
		border-radius: 5px;
	}

.cCommandField-Apagar {
	border: 0px none #C0C0C0;
	background: whitesmoke;
	color: #993300;
	width: auto;
	padding: 5px 10px 5px 10px;
	border-radius: 5px;
}

	.cCommandField-Apagar:hover {
		background-color: #993333;
		text-align: center;
		color: white;
		width: auto;
		padding: 5px 10px 5px 10px;
		border-radius: 5px;
	}

/*---------------------------------------------------------------------*/
/*  TABCONTAINER */
/*---------------------------------------------------------------------*/

/*
Example CSS to use Ajax Tab control
Developed by http://www.appetere.com
April 2009
*/

.cTabContainer {
	color: #000000;
	border: solid;
	border-width: 1px;
	border-radius: 5px;
	border-color: lightgrey;
	background-color: whitesmoke;
}

	.cTabContainer .ajax__tab_outer .ajax__tab_inner .ajax__tab_tab {
		/*
	margin-right:10px;
	*/
	}

	.cTabContainer .ajax__tab_outer {
		/*
		margin-left: 5px;
		margin-right: 5px;
	padding-right:4px;
	background:url(Tabs/tab-right.gif) no-repeat right;
	height:21px;
	*/
	}

	.cTabContainer .ajax__tab_inner {
		/*
	padding-left:3px;
	background:url(Tabs/tab-left.gif) no-repeat;
	*/
	}

	.cTabContainer .ajax__tab_tab {
		border-radius: 5px;
		margin: 10px;
		background-color: #E1E1E1; /*
		padding: 5px;
		margin:5px;
		height: auto;
		width: auto;
		background:url(Tabs/tab.gif) repeat-x;
		margin-right:0px;
		*/
	}

	/*  HEADER */
	/*---------------------------------------------------------------------*/
	.cTabContainer .ajax__tab_header {
		font-size: 14px;
		height: 35px;
		/*
		height: auto;
		margin-top: 10px;
		margin-left: 5px;
		margin-bottom: 10px;

		font-family: verdana,tahoma,helvetica;
		margin-bottom:5px;
		background:url(Tabs/tab-line.gif) repeat-x bottom;
		*/
	}

	/*  BODY */
	/*---------------------------------------------------------------------*/
	.cTabContainer .ajax__tab_body {
		font-size: 14px;
		border: 1px solid #CCCCCC;
		border-top: 0px;
		margin: 10px;
		padding: 20px;
		background-color: #ffffff;
		color: #000000;
		/*
		font-family: verdana,tahoma,helvetica;
			*/
	}

	/*  ACTIVE  */
	/*---------------------------------------------------------------------*/
	.cTabContainer .ajax__tab_active .ajax__tab_tab {
	color: #FFFFFF;
	background-color: #3366CC;
	border-radius: 5px; /*
		font-weight:700;
		color: #FFFFFF;
		padding: 5px;
		*/
}

	.cTabContainer .ajax__tab_active .ajax__tab_outer {
		/*
		background-color: #6699FF;
		border-radius: 5px;

	border: solid 1px black;
	border-radius:5px;
	background:url(Tabs/tab-active-right.gif) no-repeat right;
	*/
	}

	.cTabContainer .ajax__tab_active .ajax__tab_inner {
		/*
	background-color: #D7EBFF;
	background:url(Tabs/tab-active-left.gif) no-repeat;
	*/
	}

	/*  HOVER   */
	/*---------------------------------------------------------------------*/
	.cTabContainer .ajax__tab_hover .ajax__tab_tab {
		color: white;
		background-color: #003366; /*
	background:url(Tabs/tab-hover.gif) repeat-x;
	*/
	}

	.cTabContainer .ajax__tab_hover .ajax__tab_outer {
		/*background:url(Tabs/tab-hover-right.gif) no-repeat right;*/
	}

	.cTabContainer .ajax__tab_hover .ajax__tab_inner {
		/*background:url(Tabs/tab-hover-left.gif) no-repeat;*/
	}