/********************************************************
		URBAN TERROR PASSPORT SYSTEM
		Copyright 2008 Frozen Sand LCC
		Code by Kalish & RaideR
	********************************************************/

/* ##### Common Styles ##### */
body
{
	color: rgb(80,75,70);
	background-color: rgb(255,255,255);
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 78%;
	/* Enables font size scaling in MSIE */
	margin: 0;
	padding: 0;
	min-width: 800px;
}

html, body { height: 100%; }
html > body { font-size: 9.5pt; }

*
{
	margin: 0;
	padding: 0;
}

acronym, .titleTip
{
	border-bottom: 1px dotted rgb(34,70,79);
	cursor: help;
}

.doNotDisplay { display: none !important; }

.smallCaps
{
	font-size: 110%;
	font-variant: small-caps;
}

a, a:hover /* a:visited */
{
	color: rgb(50,70,150);
	text-decoration: none;
}

a:hover
{
	color: rgb(50,70,255);
	text-decoration: underline;
}

i
{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-style: italic;
	color: rgb(120,120,120);
}

hr
{
	height: 1px;
	background-color: transparent;
	border: 0px none rgb(200,200,200);
	border-top: 1px solid rgb(200,200,200);
	padding: 0;
	margin: .6em 0 .6em 0;
}

hr.dotted
{
	border-top: 2px dotted rgb(230,230,230);
	margin: 0px;
}

ul { padding: 0 0 0 1em; }


/* ##### Page ##### */
#page
{
	width: 100%;
	min-width: 950px;
	width: expression( this.width < 950 ? "950px" : "100%" ) !important;
	overflow: hidden;
}

/* ##### table ##### */
table { font-size: 100%; }
table.infos { width: 100%; }

table.infos td
{
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 90%;
	padding: 1px 2px 1px 2px;
	text-align: left;
}

table.infos td.right { text-align: right; }
table.infos td.left { text-align: left; }

table.none
{
	width: 100%;
	border-collapse: collapse;
	empty-cells: show;
}

table.none td { padding: 3px; }

table.list
{
	width: 100%;
	border-collapse: collapse;
	/* border-spacing: 10px; */
	empty-cells: show;
}

table.list th
{
	border-bottom: 1px solid rgb(200,200,200);
	font-weight: bold;
	font-size: 70%;
	vertical-align: middle;
	text-align: center;
}

table.list th.right { text-align: right; }
table.list th.left { text-align: left; }

table.list td
{
	border-bottom: 1px solid rgb(200,200,200);
	padding: 3px;
	font-size: 80%;
	text-align: center;
}

table.list tr.dotted td
{
	border-top: 1px dotted rgb(230,230,230);
	padding: 3px;
	font-size: 80%;
	text-align: center;
}

table.list td.right { text-align: right; }
table.list td.left { text-align: left; }
table.list td.left a { font-size: 110%; }

table.list th img
{
	margin: -8px -2px -4px 0px;
	padding: 0px;
	vertical-align: middle;
}

/* ##### forms ##### */
form table
{
	width: 100%;
	border-collapse: collapse;
	empty-cells: show;
}

form table td
{
	font-family: verdana, helvetica, arial, sans-serif;
	color: rgb(50,70,150);
	font-size: 90%;
}

form td.left
{
	font-weight: bold;
	width: 10%;
	white-space: nowrap;
	text-align: left;
	vertical-align: top;
	padding: 5px 12px 5px 8px;
}

form td.right
{
	width: 80%;
	padding: 5px 12px 5px 0;
	text-align: left;
}

form td.bottom
{
	padding: 16px 8px 5px 0;
	text-align: right;
}

form textarea
{
	text-align: left;
	width: 100%;
	height: 250px;
	margin: 0 0 3px 0;
}

form textarea.small { height: 100px; }
form input { margin: 0 0 3px 0; }

form input.text
{
	text-align: left;
	width: 100%;
}

form input.textmedium
{
	text-align: left;
	width: 200px;
}

form input.textsmall
{
	text-align: left;
	width: 100px;
}

input.Find, #main #Find
{
	font-size: 100%;
	height: 18px;
	margin: 0;
	width: auto;
	vertical-align: middle;
}

#main #Find
{
	padding: 0.2em 10px 0.2em 30px;
	background-color: rgb(220, 230, 250);
	border: 1px solid rgb(185, 195, 220);
	background-image: url("/images/icons/find.png");
	background-repeat: no-repeat;
	background-position: 8px 1px;
	text-transform: uppercase;
	text-decoration: none;
}

#main #Find:hover
{
	cursor: pointer;
	color: rgb(255,255,255);
	background-color: rgb(50,70,150);
}

#main #Save, #main #Preview, #main #Update, #main #Create, #main #Delete, #main #Move
{
	font-size: 120%;
	margin: 0;
	padding: .3em 10px .3em 30px;
	color: rgb(50,70,150);
	background-color: rgb(220, 230, 250);
	border: 1px solid rgb(185,195,220);
	vertical-align: middle;
	/* display: block; */
	font-weight: bold;
	background-repeat: no-repeat;
	background-position: 8px 6px;
	height: 30px;
	text-transform: uppercase;
	text-decoration: none;
	width: auto;
}

#main #Save { background-image: url("/images/icons/accept.png"); }

#main #Create
{
	background-color: rgb(210, 255, 180);
	background-image: url("/images/icons/add.png");
}

#main #Delete
{
	background-color: rgb(255, 210, 180);
	color: rgb(200, 30, 0);
	background-image: url("/images/icons/delete.png");
}

#main #Move
{
	background-color: rgb(255, 236, 160);
	color: rgb(100, 130, 200);
	background-image: url("/images/icons/wrench.png");
}

#main #Preview
{
	background-color: transparent;
	background-image: none;
	padding-left: 10px;
}

#main #Save:hover, #main #Preview:hover, #main #Create:hover, #main #Delete:hover, #main #Move:hover
{
	cursor: pointer;
	color: rgb(255,255,255);
	background-color: rgb(50,70,150);
}

#main #Delete:hover { background-color: rgb(255, 120, 80); }

.textmenu
{
	height: 15px;
	font-size: 80%;
	text-align: right;
	margin: 1em 0 0 0;
	padding: .2em 0 0 0;
	border-top: 1px dotted rgb(200,205,210);
}

.textmenu span
{
	opacity: 0.35;
	filter: alpha(opacity=30);
}

.textmenu span:hover
{
	opacity: 1;
	filter: alpha(opacity=100);
}

/* ##### buttons ##### */
#main a.button
{
	font-size: 85%;
	margin: 0;
	padding: .3em .6em .3em .6em;
	color: rgb(50,70,150);
	background-color: rgb(240,245,250);
	border: 1px solid rgb(185,195,220);
	vertical-align: middle;
	display: block;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
}

#main a.button:hover
{
	cursor: pointer;
	color: rgb(255,255,255);
	background-color: rgb(50,70,150);
	text-decoration: none;
}

/* ##### bbcodes ##### */
#bbtoolbox
{
	margin: .2em 0 .7em 0;
	padding: .3em;
	text-align: left;
	border: 1px solid rgb(200, 200, 200);
}

#bbtoolbox hr { margin: .3em 0 .3em 0; }

#bbtoolbox input
{
	font-size: 95%;
	margin: 1px 1px 1px 0;
	padding: 2px 4px 3px 4px;
	color: rgb(20,20,20);
	background-color: rgb(210,210,210);
	border: 0px rgb(255, 255, 255) outset;
	height: 20px;
	vertical-align: middle;
}

#bbtoolbox input.i { font-style: italic; }
#bbtoolbox input.u { text-decoration: underline; }
#bbtoolbox input.b { font-weight: bold; }
#bbtoolbox input.s { text-decoration: line-through; }
#bbtoolbox input.small { font-size: 80%; }

#bbtoolbox input.title
{
	font-size: 110%;
	font-weight: bold;
	color: rgb(100,130,180);
}

#bbtoolbox input.subtitle
{
	font-size: 100%;
	font-weight: bold;
	color: rgb(0,20,50);
}

#bbtoolbox input.code { font-family: monospace; }
#bbtoolbox input.color { color: rgb(150,70,60); }

#bbtoolbox input.url
{
	text-decoration: underline;
	color: rgb(50,70,150);
}

#bbtoolbox input:hover, #bbtoolbox input.color:hover, #bbtoolbox input.url:hover
{
	cursor: pointer;
	color: rgb(255,255,255);
	background-color: rgb(50,70,150);
}

#bbtoolbox input:active { border: 0px rgb(255, 255, 255) inset; }

/* ##### Images ##### */
img.icon
{
	vertical-align: middle;
	width: 16px;
	height: 16px;
	margin: -2px 1px -2px 0px;
	border: 0px none #ffffff;
}

img.flag, img.flagmenu
{
	vertical-align: middle;
	width: 18px;
	height: 12px;
	margin: -2px 1px -2px 1px;
	border: 0px none transparent;
}

img.flagmenu
{
	opacity: 0.4;
	filter: alpha(opacity=40);
}

img.flagmenu:hover
{
	opacity: 1;
	filter: alpha(opacity=100);
}

/* ##### Header ##### */
#header
{
	color: white;
	margin: 0px;
	padding: 0px;
	height: 80px;
	background-color: rgb(141,152,159);
	background-repeat: no-repeat;
	background-image: url("/images/themes/uaa/headers/home.left.gif");
}

#header .left
{
	float: left;
	clear: left;
	min-width: 327px;
	padding: 5px;
}

#header .right
{
	float: right;
	text-align: right;
	width: 330px;
	height: 80px;
	background-repeat: no-repeat;
	background-image: url("/images/themes/uaa/headers/home.right.gif");
}

.headerTitle
{
	margin: 0;
	padding: 8px 0 0 100px;
}

.headerTitle a
{
	text-decoration: none;
	font-size: 95%;
	font-weight: bold;
	color: rgb(255,255,255);
	background-color: transparent;
}

.headerTitle > a
{
	font-size: 125%;
	/* For fully standards-compliant user agents */
}

.headerTitle span
{
	color: white;
	background-color: transparent;
	font-weight: normal;
}

.headerTitle div
{
	font-size: 55%;
	font-weight: bold;
	color: rgb(50, 60, 80);
	padding: 0 0 0 10px;
}

/* ##### Top Menu ##### */
#topmenu
{
	height: 2.5em;
	font-size: 85%;
	text-align: left;
	margin: 0 0 2em 0;
	padding: 0;
	background-color: rgb(180,185,190);
	background-repeat: no-repeat;
}

#topmenu table
{
	width: 100%;
	margin: 0;
}

#topmenu td
{
	width: 25px;
	height: 2.5em;
	line-height: 1em;
	margin: 0;
	padding: 0em 0.4em 0em 0.4em;
	vertical-align: middle;
	text-align: center;
	font-weight: bold;
	white-space: nowrap;
	text-transform: uppercase;
}

#topmenu td.right
{
	font-weight: normal;
	text-transform: none;
	vertical-align: middle;
	background-image: url("/images/icons/passport.png");
	padding: 0em 0.4em 0em 20px;
	background-repeat: no-repeat;
	background-position: 0px 6px;
}

#topmenu td.center { width: auto; }
#topmenu td.select { background-color: rgb(255,255,255); }

#topmenu td.start
{
	padding: 0em;
	width: 10px;
}

#topmenu a
{
	background-color: transparent;
	font-weight: bold;
}

/* ##### Side Bar ##### */
#sidebar, #adsbar
{
	width: 16em;
	max-width: 200px;
	overflow: hidden;
	font-size: 80%;
}

#sidebar
{
	text-align: right;
	float: left;
	margin: -2ex 0 0 0;
	padding: 0 1.3em 2em 0;
	border-right: 2px dotted rgb(230,230,230);
}

#adsbar
{
	text-align: center;
	height: 650px;
	float: right;
	clear: right;
	padding: 2em 0 2em 1.3em;
}

#sidebar img.icon
{
	vertical-align: middle;
	margin: -6px 1px -4px 0px;
}

.sideBarTitle
{
	color: rgb(255,255,255);
	font-size: 90%;
	font-weight: bold;
	margin: 2ex 0 0 0;
	padding: 0.5ex 0.5em 0.5ex 0.5ex;
	text-transform: uppercase;
	background-color: rgb(180,185,190);
}

.sideBarLine
{
	font-size: 90%;
	font-weight: bold;
	margin: 2ex 0 0 0;
	padding: 0.5ex 0.5em 0.5ex 0.5ex;
}

#sidebar ul
{
	list-style-type: none;
	list-style-position: outside;
	margin: 0;
	padding: 0;
}

#sidebar li
{
	list-style-type: none;
	list-style-position: outside;
	margin: 0;
	padding: 1ex 0.5em 1.25ex 0.3ex;
	border-top: 1px solid rgb(225,225,225);
}

#sidebar a
{
	background-color: transparent;
	font-weight: bold;
}

.sideBarText
{
	font-size: 95%;
	color: rgb(120, 120, 120);
	display: block;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-style: italic;
	margin: 2em 1ex 2em 0.5em;
}

.thisPage { font-weight: bold; }

/* ##### Main ##### */
#main
{
	font-size: 90%;
	width: 50em;
	overflow: hidden;
	font-family: verdana, helvetica, arial, sans-serif;
	margin: 0;
	padding: 0 1em 1ex 1em;
	text-align: justify;
	line-height: 1.4em;
	float: left;
	min-height: 250px;
}

h1, h2, .darkerBox h2, .lighterBox h2, .postitBox h2, .errorBox h2, .previewBox h2
{
	font-family: "trebuchet ms", verdana, tahoma, sans-serif;
	font-weight: bold;
	margin: 0.25em 0 0.85em 0;
	padding: 0;
	font-size: 155%;
}

#main div a { text-decoration: underline; }

#main p
{
	margin: 1em 0 1.5em 0;
	padding: 0;
}

/* ##### Titles ##### */
h1
{
	color: rgb(141,152,159);
	font-size: 220%;
	line-height: 90%;
	text-align: left;
}

h1 i
{
	font-size: 50%;
	color: rgb(120, 120, 120);
	display: block;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-style: italic;
	margin-top: 3px;
}

h1 hr { margin: 0.6em 0 0.2em 0; }

h2
{
	color: rgb(120,140,180);
	font-size: 150%;
}

h2 img
{
	vertical-align: middle;
	float: left;
	height: 32px;
	margin-right: 8px;
}

h2 small
{
	font-size: 65%;
	color: rgb(120, 120, 120);
	display: block;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-style: italic;
	margin-top: 3px;
}

h3
{
	color: rgb(120,140,180);
	font-size: 120%;
	margin: .15em 0 .8em 0;
}

h4
{
	color: rgb(120,140,180);
	font-size: 105%;
	margin: .15em 0 .25em 0;
}

h5
{
	color: rgb(120,140,180);
	font-size: 100%;
	margin: .15em 0 .25em 0;
}

/* ##### Columns ##### */

.rightSmall
{
	float: right;
	width: 10em;
}

.rightMedium
{
	float: right;
	width: 22em;
}

.rightBig
{
	float: right;
	width: 43em;
}

.columnLeftBig, .columnRightBig, .columnLeftSmall, .columnRightSmall, .columnLeftMedium, .columnRightMedium
{
	background-color: transparent;
	padding: 0;
	margin: 0;
	overflow: hidden;
}

.columnLeftSmall
{
	width: 14em;
	margin: 0 1em 0 0;
	float: left;
	clear: right;
}

.columnLeftBig
{
	width: 35em;
	margin: 0 1em 0 0;
	float: left;
	clear: right;
}

.columnLeftMedium
{
	width: 25em;
	margin: 0 1em 0 0;
	float: left;
	clear: right;
}

.columnLeftMax
{
	width: 43em;
	margin: 0 1em 0 0;
	float: left;
	clear: right;
}

.columnRightSmall
{
	width: 14em;
	float: right;
}

.columnRightMedium
{
	width: 24em;
	float: right;
}

.columnRightBig
{
	width: 35em;
	float: right;
}

.columnRightMin
{
	width: 2em;
	float: right;
	text-align: right;
}

/* ##### Boxes ##### */
.dottedBox, #dottedBox
{
	min-height: 10px;
	color: rgb(80,75,70);
	background-color: transparent;
	margin: 0 0 1em 0;
	padding: 1.5ex 1em 1.5em 1em;
	border: 2px rgb(230, 230, 230) dotted;
}

.lighterBox, .previewBox
{
	min-height: 10px;
	color: rgb(80,75,70);
	background-color: transparent;
	margin: 0 0 1em 0;
	padding: 1.5ex 1em 1.5em 1em;
	border: 1px solid rgb(220,220,220);
}

.lighterBox h2, .lighterBox h4 { color: rgb(120,140,180); }

.darkerBox
{
	min-height: 10px;
	color: rgb(85,90,100);
	background-color: rgb(240,245,250);
	margin: 0 0 1em 0;
	padding: 1.5ex 1em 1.5em 1em;
	border: 1px solid rgb(205,215,240);
}

.darkerBox h2, .darkerBox h4 { color: rgb(120,130,160); }

.postitBox
{
	min-height: 10px;
	color: rgb(90,70,50);
	background-color: rgb(255,250,220);
	margin: 0 0 1em 0;
	padding: 1.5ex 1em 1.5em 1em;
	border: 1px solid rgb(230,220,200);
	text-align: left;
}

.postitBox h2, .postitBox h4 { color: rgb(160,140,120); }

.unreadBox
{
	min-height: 10px;
	color: rgb(90,70,50);
	background-color: rgb(255,250,220);
	text-align: left;
	border: 1px solid rgb(200,200,200);
	border-left: 6px rgb(255, 217, 85) solid;
	margin: 0 0 1em 0px;
	padding: 1.3ex 1.3em 1.5em 0.9em;
}

.unreadBox h2, .unreadBox h4 { color: rgb(230, 178, 46); }

.codeBox
{
	min-height: 10px;
	font-family: monospace;
	color: rgb(70,70,70);
	background-color: rgb(240,240,240);
	margin: 0 0 1em 0;
	padding: 1.5ex 1em 1.5em 1em;
	border: 1px solid rgb(200,200,200);
	font-size: 95%;
	text-align: left;
	white-space: pre-wrap;
}

.codeBox h2,.codeBox h4 { color: rgb(140,140,140); }

.quoteBox
{
	min-height: 10px;
	color: rgb(90,90,90);
	background-image: url("/images/theme/quote.bg.png");
	margin: 0 0 1em 0;
	padding: 1.5ex 1em 1.5em 1em;
	border: 1px dotted rgb(200,200,200);
	font-size: 70%;
	line-height: 1.1em;
	text-align: left;
}

.quoteName
{
	color: rgb(140, 140, 140);
	font-size: 85%;
	font-style: italic;
}

.errorBox
{
	min-height: 10px;
	color: rgb(130,70,65);
	background-color: rgb(255,240,230);
	margin: 0 0 1em 0;
	padding: 1.5ex 1em 1.5em 1em;
	border: 1px solid rgb(210,185,175);
}

.errorBox h2, .errorBox h4 { color: rgb(200,70,65); }

.previewBox
{
	min-height: 10px;
	max-height: 400px;
	overflow: auto;
}

/* ##### Misc ##### */
.show
{
	background-color: rgb(255, 239, 104);
	color: rgb(0,0,0);
}

dt
{
	font-weight: bold;
	margin: 0;
	padding: 0 0 0.5ex 0;
}

dd
{
	margin: 0 0 1.5em 1.5em;
	padding: 0;
}

img.intext
{
	max-width: 100%;
	max-height: 600px;
}

div.li_unread, div.li_read
{
	/* max-width: 99%; */
	margin: 0 -4px 0 -8px;
	padding: 0;
	font-size: 85%;
	text-align: left;
	overflow: hidden;
	white-space: nowrap;
	line-height: 1.2em;
}

#main div.li_read a
{
	color: rgb(150,150,150);
	text-decoration: none;
}

#main div.li_read a:hover
{
	text-decoration: underline;
	color: rgb(50,70,150);
}

div.li_read img.icon
{
	opacity: 0.35;
	filter: alpha(opacity=30);
}

div.pages
{
	color: rgb(80,75,70);
	background-color: transparent;
	margin: 0 0 1em 0;
	padding: 3px;
	border-top: 1px rgb(200, 200, 200) solid;
	border-bottom: 1px rgb(200, 200, 200) solid;
	border-right: 0px rgb(200, 200, 200) none;
	border-left: 0px rgb(200, 200, 200) none;
	height: 18px;
	font-size: 90%;
}

div.pages div.left
{
	overflow: hidden;
	float: left;
	clear: right;
	padding: 0px 4px 0px 4px;
}

div.pages div.right
{
	font-size: 90%;
	overflow: hidden;
	float: right;
	padding: 0px 4px 0px 4px;
}

div.pages div.left span.title { font-size: 80%; }
#main div.pages a { text-decoration: none; }
#main div.pages a:hover { text-decoration: underline; }

/* ##### Footer ##### */
#footer div.line
{
	background-color: transparent;
	font-size: 80%;
	margin: 0;
	padding: 1.25ex 4mm;
	float: none;
	clear: both;
	line-height: 1em;
	min-height: 10px;
}

#footer .left
{
	float: left;
	clear: left;
}

#footer .right { text-align: right; }