/*=====================================*\
|* Body.
\*=====================================*/
body {	
	background-color: 	#9adbf3;
	background-image: 	url(http://www.AruaROSE.com/images/site/backgrounds/ap.jpg);
	background-repeat: 	repeat-x;
	margin: 			0px 0px auto;
	font-family: 		Tahoma;
	font-size: 			11px;
	color: 				#ffffff;
}

/*=====================================*\
|* Global.
\*=====================================*/

* { 
	margin:				0px;
	padding:			0px;
}

/*=====================================*\
|* Main things.
\*=====================================*/
p {
	padding-bottom:5px;
}

img {
	border:				none;
	border:				0px;
}

input{
	border:				1px solid #000000;
	font-family:		Tahoma;
	font-size:			11px;
	font-weight:		normal;
	margin-bottom:		3px;
	padding:			2px;
}

input[type=text]{
	padding:			3px;
	font-size:			12px;
}

textarea{
	border:				1px solid #000000;
	font-family:		Tahoma;
	font-size:			11px;
	font-weight:		normal;
	margin-bottom:		3px;
	padding:			2px;
}

input[type=submit]{
	width: 200px;
}


blockquote{
	padding-left:15px;
}
/*=====================================*\
|* Global links.
\*=====================================*/
a:link, a:visited, a:active {
	color: 				#334050;
	text-decoration: 	none;
	border-bottom:		0px;
	font-weight:		none;
}

a:hover {
	color: 				#334050;
	text-decoration: 	none;
	border-bottom:		0px;
	font-weight:		none;
}

/*=====================================*\
|* Main containers.
\*=====================================*/

#main{
	width:				850px;
	height:				100%;
	margin:				0px auto;
}

#header{
	height: 			175px;
	width: 				850px;
	border: 			0px;
}

#navigation{
	padding:			10px;
	height:				10px;
	
	border-left:		1px solid #4d4f51;
	border-right:		1px solid #4d4f51;
	background: 		url(http://www.AruaROSE.com/images/site/nav_bg.png) repeat-x;
}
#content{
	height:				100%;
	
	text-align:			left;
	background-color: 	#ffffff;
	border:				1px solid #91c3de;
	border-top:			3px solid #91c3de;
	color: 				#000000;
}
#page{
	height:				100%;
	padding:			5px;
}

/*=====================================*\
|* Navigation.
\*=====================================*/

#navigation a {
	border-bottom:		0px;
	color:				#ffffff;
	font-weight:		bold;
}

#navigation li:hover {
	background:			url(http://www.AruaROSE.com/images/site/nav_hover_bg.png) repeat-x;
	border-top:			0px;
	height:				33px;
	line-height:		33px;
}

#miniNav{
	width: 					1005;
	padding: 				0 0 2px;
	margin:					5px 0 5px 20px;
	border-bottom:			1px dashed #000;
}

/*=====================================*\
|* Login.
\*=====================================*/

.login_title{
	background-image:	url(../style/images/header_bg.jpg);
	padding:			8px;
	font-size:			12px;
	font-weight:		bold;
	font-family:		Verdana;
	color:				#606068;
}
.login_content{
	border-left:#cdcdcd 1px solid;
	border-right:#cdcdcd 1px solid;
	border-bottom:#cdcdcd 1px solid;
	margin-bottom:10px;
	padding:5px;
}

/*=====================================*\
|* Footer.
\*=====================================*/

#footer {
	margin-top:			15px;
	float: 				left;
	width: 				100%;
	background-color: 	#eaeaea;
	color: 				#aaaaaa;
	border-top: 		2px solid #dadada;
	border-bottom:		2px solid #dadada;
	text-align: 		center;
	padding-top:		10px;
	padding-bottom:		10px;
}

a.footer:link, a.footer:visited, a.footer:active {
	color: 				#aaaaaa;
	text-decoration: 	none;
	border-bottom:		0px;
	font-weight:		none;
}

a.footer:hover {
	color: 				#334050;
	text-decoration: 	none;
	border-bottom:		1px dashed #334050;
	font-weight:		none;
} 

/*=====================================*\
|* Headings.
\*=====================================*/
h1{
	color:				#ffffff;
	text-align:			left;
	font-weight:		bold;
	font-size:			12px;
}

h1.title{
	border-bottom:		1px solid #DDDDDD;
	font-family:		Georgia,Palatino,Serif;
	font-style:			italic;
	font-size:			15px;
	padding-top:		10px;
}
h2 {
	color:				#000000;
	text-align:			left;
	font-weight:		bold;
	font-size: 			12px;
}


#contentHeader{
	background-color:	#3b5888;
	color:				#ffffff;
	text-align:			left;
	font-weight:		bold;
	width:				100%;
}

#contentSubHeader {
	background-color:	#f4f4f4;
	color:				#000000;
	text-align:			left;
	font-weight:		bold;
	width:				100%;
}

/*=====================================*\
|* Content Styles.
\*=====================================*/

#content ul {
	list-style:			square;
	padding-left:		30px;
}

#content li {
	padding:			3px;
}

/*=====================================*\
|* Pagination
\*=====================================*/
.pagination {
	padding: 3px;
	margin: 3px;
}

.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #AAAADD;

	text-decoration: none; /* no underline */
	color: #000099;
}

.pagination a:hover, .pagination a:active {
	border: 1px solid #000099;

	color: #000;
}

.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #000099;

	font-weight: bold;
	background-color: #000099;
	color: #FFF;
}

.pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #EEE;

	color: #DDD;
}
/*=====================================*\
|* Tables.
\*=====================================*/
.right-text{
	text-align:			right;
}
.bg01{
	background-color:	#dcebf4;
}

tr td{
	padding:5px;
}

#viewAll{
	border:				#c4c4c4 1px solid;
	background-color:	#ffffff;
}

#viewAll th{
	background-color:	#d7e7f1;
	padding:			5px;
	border-bottom:		#9aa4b1 1px solid;
}
#viewAll .col1{
	background-color:	#e4e6e9;
	padding:			5px;
}
#viewAll .col2{
	background-color:	#e7edef;
	padding:			5px;
}
#viewAll .options{
	border-top:			#9aa4b1 1px solid;
	border-bottom:		#656f7b 4px solid;
	background-color:	#c6ccd4;
}

#ticketinfo{
	border:				#c4c4c4 1px solid;
	background-color:	#e7edef;
}
#ticketinfo td{
	padding:			5px;
}
#ticket{
	border:				#c4c4c4 1px solid;
	background-color:	#ffffff;
}
#ticket td{
	background-color:	#e2e7e9;
	padding:			5px;
}
#ticket th{
	background-color:	#bdd6e3;
	padding:			5px;
}
#ticket .date{
	background-color:	#cfd6e1;
}
#ticket .bottom{
	border-top:			#9aa4b1 1px solid;
	border-bottom:		#656f7b 4px solid;
	background-color:	#c6ccd4;
	height:				30px;
	padding-top:		2px;
	padding-bottom:		1px;
}

/*=====================================*\
|* Notices.
\*=====================================*/
.smallprint{
	font-size:			10px;
}
#response {
	width: 				100%;
	text-align: 		left;
	margin: 			0 auto 5px auto;
}

#reply {
}

#login_response {
	width: 				97%;
	text-align: 		left;
	margin: 			0 auto;
}

#login_reply {
}

#reply.ajaxloading {
	padding: 			3px;
	height: 			16px;
	background: 		url("http://www.aruarose.com/images/ajax.gif") no-repeat center;
}

#error {
	padding: 			5px;
	background-color: 	#ffe7e7;
	border: 			1px dashed 	#cc3300;
	text-align: 		left;
	color: 				#575757;
	font-weight: 		none;
}

#success {
	padding: 			3px;
	background-color: 	#e7ffea;
	border: 			1px dashed #7ba301;
	text-align: 		left;
	color: 				#575757;
	font-weight: 		none;
}

.notice{
	background-color:	#f7fcdc;
	border:				#e08022 1px dashed;
	width: 				97%;
	padding: 			5px;
}

/*=====================================*\
|* Misc.
\*=====================================*/
.hidden { display: none; }
.unhidden { display: block; }

.someclass {
			background: url(bubble.png) no-repeat;
			width: 100px;
			height: 49px;
			position: absolute;
			top: -70px;
			left: -0px;
			text-align: center;
			text-indent: -9999px;
			z-index: 2;
			display: block;
		}