body {
	background-color: #E7ECEF;
	color: black;
	font-family: 'Open Sans', Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin:0;
	width:100%;
}
a {
	text-decoration: none;
	color:#000;
}
fieldset {
	border: 1px SOLID #cecece;
	background-color:#fff;
	position:relative;
	display:block;
	padding: 15px 10px 10px 10px;
	margin:20px 0px 20px 0px;
}
div.top {
	background-color:#3A424C;
	color : #FFF;
	font-size: 20px;
	width: 80%;
	height: 60px;
	padding: 0 10% 0 10%;
	line-height	: 60px;
}

div.links {
	color : #000;
	font-size: 12px;
	width: 80%;
	height: 20px;
	padding: 0 10% 0 10%;
	margin-bottom:10px;
	line-height:20px;
}
div.buttons {
	width: 80%;
	min-width:810px;
	height: 80px;
	padding: 0 10% 0 10%;
	margin-bottom:10px;
}
div.starbutton {
	background-color:#fff;
	color : #000;
	font-size: 20px;
	width: 47.5%;
	min-width:400px;
	/*margin:1%;*/
	height: 70px;
	border: #ccc 1px solid;
	float:left;
	overflow: hidden;
}
div.starbutton:hover {
	background-color:#27AE60;
	border: #fff 1px solid;
	color:#fff;
}
div.starbutton .title {
	top:10px;
	left:75px;
	position:relative;
	text-decoration: none;
}
div.starbutton .small {
	font-size: 12px;
	top:14px;
	left:75px;
	position:relative;
	text-decoration: none;
}
div.new{
	background-image:url(/img/newticket.png);
	background-position: left center;
	background-repeat: no-repeat;
	float:left;
}
div.existing{
	background-image:url(/img/existingticket.png);
	background-position: left center;
	background-repeat: no-repeat;
	float:right;
}
@media screen and (min-width:100px) and (max-width:1024px) {
	div.buttons {
		width: 100%;
		padding: 0;
		display: inline;
		margin:0 auto;
	}
	div.starbutton {
		clear:both;
		margin:0 auto;
		width: 100%;
		min-width:80%;
		position:relative;
	}
	div.new {
		width: 80%;
		margin: 2px 10% 2px 10%;
		left:-2px;
	}
	div.existing {
		width: 80%;
		margin: 2px 10% 2px 10%;
	}
}
div.articles {
	width: 80%;
	padding: 0 10% 0 10%;
	clear:both;
}
div.articles a {
	text-decoration: underline;
	font-weight: bold;
	color:#000;
}
div.articles a:hover {
	color:#B20000;
}
.homepageh3, .section {
	font-size: 20px;
	color: #000;
	font-weight: bold;
}
div.error {
	border: 1px solid #cd0a0a; 
	background: #fef1ec; 
	color: #cd0a0a;
	width: 78%;
	margin: 0 10% 0 10%;
	clear:both;
	padding:1%;
}
div.success {
	color: #000;
	margin: 0 10% 0 10%;
	clear:both;
}
div.form {
	background-color:#fff;
	color:#000;
	width: 78%;
	margin: 0 10% 0 10%;
	clear:both;
	padding:1%;
}
div.form a {
	text-decoration: underline;
}
div.form .msgtitle {
	width: 100%;
	border-bottom: 1px solid #3A424C; 
	background-color:#9EA9B6;
	color:#fff;
	font-weight: bold;
}
div.form .title {
	width: 98%;
	border-bottom: 1px solid #3A424C; 
	background-color:#9EA9B6;
	color:#fff;
	font-weight: bold;
	height: 30px;
	line-height	: 30px;
	padding:0 1% 0 1%;
}
.important {
	color: Red;
}
.rate {
	color: #666666;
	text-align: right;
	font-style: italic; 
}
div.success textarea {
	width: 78%
}
button,input,optgroup,select,textarea{
	border: 1px solid #ccc;
	border-radius: 5px;
}
div.add button,div.add input,div.add optgroup,div.add select,div.add textarea{
	width: 99%
}
.copyright {
	margin:25px 10% 10px 0;
	float:right;
}