
/*
 * 	Ejscript web framework controls style sheet
 */

.-ejs-fieldError {
	border: 1px solid #FF0000;
	-webkit-box-shadow: 3px 3px 3px #AAA;
}

div.-ejs-formError {
	border: 2px solid #FF0000;
	-webkit-box-shadow: 3px 3px 3px #AAA;
    text-indent: 10px;
}

div.-ejs-formError h2 {
    background-color: #FF0000;
    color: #FFFFFF;
    font-size: 12pt;
}

.-ejs-clickable {
    cursor: pointer;
}

/*
 *  Flash web control
 */
div.-ejs-flash {
	-webkit-box-shadow: 4px 4px 4px #BBB;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
    font-size: 110%;
    text-indent: 10px;
    color: #FFFFFF;
}

div.-ejs-flashInform {
    background-color: #228000;
}

div.-ejs-flashMessage {
    background-color: #A0A0A0;
}

div.-ejs-flashError {
    background-color: #FF0000;
    font-weight: bold;
}

div.-ejs-flashWarning {
    background-color: #FF8020;
}

/*
 *  Tabs control
 */
div.-ejs-tabs ul {
	list-style: none;
}

div.-ejs-tabs li {
    background-color: #555;
    background: -webkit-gradient(linear, left bottom, left top, from(#333), to(#999));
    -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px;
	-webkit-box-shadow: 4px -2px 5px #CCC;
}

div.-ejs-tabs li, div.-ejs-tabs a {
    color: #FFF;
}

div.-ejs-tabs li.selected {
    background-color: #BBB;
    background: -webkit-gradient(linear, left bottom, left top, from(#DDD), to(#A77));
    color: #000;
}

div.-ejs-tabs ul li:hover { 
    background-color: #222;
    background: -webkit-gradient(linear, left bottom, left top, from(#000), to(#777));
    color: #FFF;
}

div.-ejs-tabs li {
    cursor: pointer;
}

/*
 *  Table control section
 */
div.-ejs-table {
}

table.-ejs-table {
    margin-top: 27px;
    border: 2px solid #686;
}

table.-ejs-table thead { 
    background: #A0BB88;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(150,170,120,.95)), color-stop(5, #eff));
	color: #000;
	border: 1px solid #666;
    cursor: pointer;
}

table.-ejs-table thead tr td {
	text-align: left;
	font-weight: bold;
    padding: 2px 4px 2px 10px;
    border: none;
}

table.-ejs-table th {
    background-color: #C8E0B0;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(150,200,140,.25)), color-stop(1, #eff));
	color: #106010;
    font-weight: bold;
    font-size: 100%;
	text-align: center;
	border: 1px solid #666;
    padding: 6px 4px 6px 10px;
}

table.-ejs-table tbody { 
    cursor: pointer;
}

table.-ejs-table tbody td { 
    padding: 4px 4px 4px 10px;
}

table.-ejs-table td {
    text-align: center;
}

.-ejs-oddRow {
    background-color: #F0F0FF;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(220,220,250,.95)), color-stop(1, #eff));
    color: #000000;
}

.-ejs-evenRow {
    background-color: #FFFFFF;
}

table.-ejs-table .right {
    text-align: right;
}

