/**
 * Eventtr
 * Copyright 2009, Eventtr (http://eventtr.com.br)
 * All rights reserved.
 * 
 * @copyright	Copyright 2009, Eventtr (http://eventtr.com.br)
 * @link		http://eventtr.com.br/
 * @filepath	server:/eventtr/css/eventtr.css
 * @name		eventtr.css
 * @created		Wed Jun 01 12:14:12 BRT 2009
 * @author		nops
 */

body
{
	width: 100%;
	height: 100%;
	top: 0;
	margin: 0;
	padding: 0;
	background: #999999;
	font-family: "Trebuchet MS";
	color: #000000;
	min-width: 690px;
}

.white { color: #FFFFFF; }
.silver { color: silver; }
.gray { color: gray; }
.gelo { color: #ECECEC; }
.cinza { color: #999999; }

.bold { font-weight: bold; }
.underline { text-decoration: underline; }
.upper { text-transform: uppercase; }

.error-message { color: #990033; font-size: 11px; }


.def-btn
{
	width: auto;
	border:1px outset #CCCCCC;
	cursor:pointer;
	padding: 4px;
	background:transparent url(../img/hborder.png) repeat-x scroll 0 -27px;
	margin:10px auto 10px auto;
	text-decoration:none;
	text-align: center;
}

.def-btn:hover
{
	border-color: #99CCFF #6699EE #6699EE #77AAFF;
}

.def-btn a
{
	color: #0066FF;
	text-decoration: none;
}

.def-btn a:hover
{
	
	color: #000000;
	text-decoration: none;
}

#userbar
{
	width: 40%;
	position: absolute;
	top: 0;
	left: 30%;
	height: 20px;
	background: #ECECEC;
	padding-top: 8px;
	font-size: 10px;
}

#top
{ 
	width: 100%; 
	height: 65px; 
	background: url(../img/bg_top.jpg) repeat-x; 
}

#top a:link,#top a:visited
{
	color: #000000;
	text-decoration: none;
}

#top a:hover
{
	text-decoration: underline;
}

#top .title
{
	float: left;
	font-size: 18px;
	font-weight: bold;
	margin-left: 80px;
	padding-top: 12px;
}

#top .menu
{ 
	float: right;
	font-size: 12px;
	font-weight: bold;
	margin-right: 80px;
	padding-top: 12px;
}

#top .menu ul
{ 
	list-style-type: none;
}

#top .menu ul li
{ 
	display: inline;
	margin-right: 15px;
}

#bottom
{
	width: 100%;
	height: 40px;
	background: #ECECEC;
	margin-top: 25px;
}

#bottom .name
{
	float: left;
	font-size: 12px;
	margin-left: 80px;
	padding-top: 13px;
	font-weight: bold;
}

#bottom .website
{
	float: left;
	font-size: 12px;
	text-align: center;
	margin: 0 auto;
}

#bottom .links
{
	float: right;
	font-size: 12px;
	text-align: center;
	margin-right: 80px;
	padding-top: 13px;
}

#bottom a:link,#bottom a:visited
{
	color: #000000;
	text-decoration: none;
}

#bottom a:hover
{
	text-decoration: underline;
}

#content
{
	display: table;
	width: 100%;
	height: 100%;
}

#divs
{
	width: 100%;
}

#divs .bgbox
{
	float: left;
	width: 28%;
	margin-left: 3%;
	height: auto;
	background: #D0E4F6;
	padding: 4px;
	margin-top: 25px;
	
	box-shadow: 1px 1px 5px rgba(0, 102, 255, 0.3);
	-webkit-box-shadow: 1px 1px 5px rgba(0, 102, 255, 0.3);
	-moz-box-shadow: 1px 1px 5px rgba(0, 102, 255, 0.3);
}

#divs .login
{
	width: 45%;
}

#divs .box
{
	width: 100%;
	min-height: 150px;
	height: 100%;
	margin: auto;
	padding-bottom: 15px;
}

#divs .border { border: 2px solid #ECECEC; }
#divs .bg { background: #666666; }
#divs .bgs { background: silver; }

#divs .box .name 
{
	width: 100%;
	text-align: center;
	margin: 0 auto 0 auto;
	font-size: 24px;
	color: #000000;
	padding-top: 15px;
}

#divs .box .explain
{
	padding: 5px;
	text-align: justify;
}

#divs .login .box .explain
{
	padding: 5px 8% 10px 8%;
	text-align: justify;
}

#divs .start
{
	width: 30%;
	border:1px outset #CCCCCC;
	cursor:pointer;
	padding: 4px;
	background:transparent url(../img/hborder.png) repeat-x scroll 0 -27px;
	margin:0 auto 0 auto;
	text-decoration:none;
	text-align: center;
}

#divs .start:hover
{
	border-color: #99CCFF #6699EE #6699EE #77AAFF;
}

#divs .start a
{
	color: #0066FF;
	text-decoration: none;
}

#divs .start a:hover
{
	
	color: #000000;
	text-decoration: none;
}

#divs form label 
{
	margin-left: 10%;
	font-size: 11px;
}

#divs form div.input 
{
	width: 100%;
	text-align: center;
}

#divs form div.input input
{
	width: 80%;
	height: 20px;
	padding-top: 3px;
}

#divs form div.submit 
{
	text-align: center;
}

#eventAddOptions.eventBox
{
	float: left;
	width: 25%;
	margin-left: 3%;
	height: auto;
	background: #ECECEC;
	padding: 4px;
	
	box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.3);
}

#eventAddOptions.eventBox .title
{
	font-weight: bold;
}

#eventAddOptions.eventBox .box
{
	width: 100%;
	min-height: 150px;
	height: 100%;
	margin: auto;
	background: silver;
}

#eventAddOptions.eventBox .box ul
{
	width: 100%;
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#eventAddOptions.eventBox .box ul li
{
	width: 100%;
	background: url("../img/bg_add_options.jpg") repeat-x;
	height: 30px;
	text-align: center;
	padding: 0;
	margin: 0;
	color: #CCCCCC;
	cursor: pointer;
	font-weight: bold;
}

#eventAddOptions.eventBox .box ul li.active
{
	background: url("../img/bg_add_options_active.jpg") repeat-x;
	color: #FFFFFF;
}

#eventOptions
{
	float: left;
	width: 70%;
}

#eventOptions .top-box
{
	width: 95%;
	margin-left: 3%;
	height: auto;
	background: #ECECEC;
	padding: 4px;
	margin-bottom: 25px;
	
	box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.3);
}

#eventOptions .top-box .box
{
	width: 100%;
	min-height: 50px;
	height: 100%;
	margin: auto;
	background: silver;
}

#eventOptions form div.submit
{
	width: 12%;
	margin-left: 4%;
	float: left;
}

#eventOptions form div.input
{
	margin-left: 2%;
	padding-bottom: 10px;
}

#eventOptions form label
{
	margin-left: 2%;
}

#eventOptions form div.input input
{
	width: 90%;
	height: 25px;
	padding-top: 5px;
	font-size: 16px;
	font-weight: bold;
}

#eventOptions .start
{
	width: 100%;
	border:1px outset #CCCCCC;
	cursor:pointer;
	padding: 4px;
	background:transparent url(../img/hborder.png) repeat-x scroll 0 -27px;
	margin:0 auto 0 auto;
	text-decoration:none;
	text-align: center;
}

#eventOptions .start:hover
{
	border-color: #99CCFF #6699EE #6699EE #77AAFF;
}

#eventOptions .start a
{
	color: #0066FF;
	text-decoration: none;
}

#eventOptions .start a:hover
{
	
	color: #000000;
	text-decoration: none;
}

#UserAddForm fieldset
{
	width: 100%;
	border: 0;
	margin-left: 3%;
}

#UserAddForm div.input input
{
	width: 100%;
}

#UserAddForm div.input input
{
	width: 40%;
	height: 25px;
	padding-top: 5px;
	font-size: 16px;
}

/*
#divs .start
{
	width: 100%;
	font-weight: bold;
	font-size: 20px;
	text-align: center;
	margin-top: 40px;
	margin-bottom: 40px;
}

#divs .start a
{
	padding: 12px;
	background: #ECECEC;
	color: #0066FF;
	text-decoration: none;
	border: 2px solid #ECECEC;
}

#divs .start a:hover
{
	border: 2px solid #0066FF;
}
*/