
/*
** Global
*/

body
{
	padding		: 16px 0px;
	margin		: 0px;
	background	: #F2F6F9;
}

img
{
	border	: none;
}

input,
select
{
	background		: #EFF4F9;
	border-bottom	: 1px solid #FFFFFF;
	border-left		: 1px solid #8CA0AE;
	border-right	: 1px solid #FFFFFF;
	border-top		: 1px solid #8CA0AE;
	border-radius	: 3px;
	color			: #39728C;
	font			: normal normal normal 10px verdana, arial, helvetica, sans-serif;
}

input[type="button"],
input[type="submit"]
{
	padding			: 2px 8px;
	background		: #ADC7E1;
	border-bottom	: 1px solid #8CA0AE;
	border-left		: 1px solid #FFFFFF;
	border-right	: 1px solid #8CA0AE;
	border-top		: 1px solid #FFFFFF;
	cursor			: pointer;
}

input[type="button"]:active,
input[type="button"]:hover,
input[type="submit"]:active,
input[type="submit"]:hover
{
	padding			: 2px 7px 2px 9px;
	background		: #CCDBEA;
	border-bottom	: 1px solid #FFFFFF;
	border-left		: 1px solid #8CA0AE;
	border-right	: 1px solid #FFFFFF;
	border-top		: 1px solid #8CA0AE;
}

input[type="password"],
input[type="text"],
select
{
	padding		: 2px 4px;
	background	: #EFF4F9 url('../css/input.default.png') no-repeat scroll right top;
}

input[type="password"]:focus,
input[type="text"]:focus,
select:focus
{
	background	: #F2F6F9 url('../css/input.focus.png') no-repeat scroll right top;
	border		: 1px solid #ADC7E1;
}

select option
{
	background	: #CCDBEA;
	color		: #39728C;
}

textarea
{
	background	: #EFF4F9 url('../css/textarea.default.png') no-repeat scroll right top;
	border		: 1px solid #8CA0AE;
	color		: #39728C;
	font		: normal normal normal 10px verdana, arial, helvetica, sans-serif;
}

textarea:focus
{
	background	: #F2F6F9 url('../css/textarea.focus.png') no-repeat scroll right top;
	border		: 1px solid #ADC7E1;
}

ul
{
	padding	: 0px 0px 0px 32px;
	margin	: 0px;
}

/*
** Box
*/

div.box
{
	clear	: both;
	margin	: 0px 0px 16px 0px;
}

/*
** Box body
*/

div.box div.body
{
	padding			: 6px;
	background		: #CCDBEA;
	border-left		: 1px solid #8CA0AE;
	border-right	: 1px solid #8CA0AE;
	font			: normal normal normal 10px verdana, arial, helvetica, sans-serif;
}

div.box div.body a
{
	text-decoration	: none;
	color			: #616F77;
}

div.box div.body a:hover
{
	text-decoration	: underline;
	color			: #D38F21;
}

div.box div.body a.hl
{
	text-decoration	: underline;
	color			: #EE97A6;
}

div.box div.body a.hl:hover
{
	text-decoration	: underline;
	color			: #D38F21;
}

div.box div.body blockquote
{
	padding			: 4px 8px;
	margin			: 2px 4px 12px 4px;
	background		: #DCE6EF;
	border-top		: 1px solid #8CA0AE;
	border-right	: 1px solid #FFFFFF;
	border-bottom	: 1px solid #FFFFFF;
	border-left		: 1px solid #8CA0AE;
}

div.box div.body blockquote:last-child
{
	margin-bottom	: 2px;
}

div.box div.body h1
{
	height		: 24px;
	padding		: 0px;
	margin		: 0px;
	white-space	: nowrap;
	font-size	: 100%;
	font-weight	: bold;
}

div.box div.body h1 div.p1
{
	float		: left;
	width		: 8px;
	height		: 20px;
	background	: transparent url('../css/box.line.1.gif') no-repeat;
}

div.box div.body h1 div.p2
{
	height		: 20px;
	padding-top	: 1px;
	margin		: 0px 8px;
	background	: transparent url('../css/box.line.2.gif') repeat-x;
	line-height	: 19px;
	display		: flex;
	gap			: 2px;
}

div.box div.body h1 div.p3
{
	float		: right;
	width		: 8px;
	height		: 20px;
	background	: transparent url('../css/box.line.3.gif') no-repeat;
}

div.box div.body p
{
	padding	: 0px;
	margin	: 0px 0px 8px 0px;
}

div.box div.body p:last-child
{
	margin-bottom	: 0px;
}

div.box div.body ul.links
{
	padding		: 0px;
	margin		: 2px 0px 12px 0px;
	list-style	: none;
}

div.box div.body ul.links:last-child
{
	margin-bottom	: 2px;
}

div.box div.body ul.links li
{
	padding		: 4px 8px;
	margin		: 2px 4px 2px 4px;
	background	: #DCE6EF;
}

div.box div.body ul.links li div.icon
{
	position	: relative;
	top			: -2px;
}

div.box div.body ul.texts
{
	padding		: 0px;
	margin		: 2px 0px 12px 0px;
	list-style	: none;
}

div.box div.body ul.texts:last-child
{
	margin-bottom	: 2px;
}

div.box div.body ul.texts li
{
	padding			: 2px 4px;
	margin			: 4px;
	background		: #F2F6F9;
	border-top		: 1px solid #8CA0AE;
	border-right	: 1px solid #FFFFFF;
	border-bottom	: 1px solid #FFFFFF;
	border-left		: 1px solid #8CA0AE;
}

/*
** Box body forms and tables
*/

div.box div.body form
{
	padding	: 0px;
	margin	: 0px;
}

div.box div.body form table.form
{
	padding	: 0px;
	margin	: 2px 4px 12px 4px;
}

div.box div.body form:last-child table.form
{
	margin-bottom:	2px;
}

div.box div.body form table.form tr
{
	line-height	: 18px;
}

div.box div.body form table.form tr.control td
{
	padding-top	: 8px;
}

div.box div.body form table.form tr th
{
	padding-right	: 8px;
	font-weight		: normal;
	text-align		: left;
}

div.box div.body table.detail
{
	display			: block;
	padding			: 4px 8px;
	margin			: 2px 4px 12px 4px;
	background		: #DCE6EF;
	border-top		: 1px solid #8CA0AE;
	border-right	: 1px solid #FFFFFF;
	border-bottom	: 1px solid #FFFFFF;
	border-left		: 1px solid #8CA0AE;
}

div.box div.body table.detail:last-child
{
	margin-bottom:	2px;
}

div.box div.body table.detail th
{
	padding-right	: 8px;
	font-weight		: normal;
	text-align		: left;
}

div.box div.body table.detail tr
{
	line-height	: 18px;
}

/*
** Box body icons
*/

div.box div.body div.icon
{
	float	: left;
	width	: 16px;
	height	: 16px;
	margin	: 0px 4px 0px 0px;
}

div.box div.body div.icon div
{
	width		: 16px;
	height		: 16px;
	background	: transparent url('../css/icon.tag.default.png') no-repeat;
}

div.box div.body div.icon div.address
{
	background-image	: url('../css/icon.tag.address.png');
}

div.box div.body div.icon div.back
{
	background-image	: url('../css/icon.tag.back.png');
}

div.box div.body div.icon div.book
{
	background-image	: url('../css/icon.tag.book.png');
}

div.box div.body div.icon div.calendar
{
	background-image	: url('../css/icon.tag.calendar.png');
}

div.box div.body div.icon div.chart
{
	background-image	: url('../css/icon.tag.chart.png');
}

div.box div.body div.icon div.clean
{
	background-image	: url('../css/icon.tag.clean.png');
}

div.box div.body div.icon div.clock
{
	background-image	: url('../css/icon.tag.clock.png');
}

div.box div.body div.icon div.color
{
	background-image	: url('../css/icon.tag.color.png');
}

div.box div.body div.icon div.cursor
{
	background-image	: url('../css/icon.tag.cursor.png');
}

div.box div.body div.icon div.delete
{
	background-image	: url('../css/icon.tag.delete.png');
}

div.box div.body div.icon div.email
{
	background-image	: url('../css/icon.tag.email.png');
}

div.box div.body div.icon div.eye
{
	background-image	: url('../css/icon.tag.eye.png');
}

div.box div.body div.icon div.file
{
	background-image	: url('../css/icon.tag.file.png');
}

div.box div.body div.icon div.flag
{
	background-image	: url('../css/icon.tag.flag.png');
}

div.box div.body div.icon div.folder
{
	background-image	: url('../css/icon.tag.folder.png');
}

div.box div.body div.icon div.hourglass
{
	background-image	: url('../css/icon.tag.hourglass.png');
}

div.box div.body div.icon div.id
{
	background-image	: url('../css/icon.tag.id.png');
}

div.box div.body div.icon div.key
{
	background-image	: url('../css/icon.tag.key.png');
}

div.box div.body div.icon div.keyboard
{
	background-image	: url('../css/icon.tag.keyboard.png');
}

div.box div.body div.icon div.lightning
{
	background-image	: url('../css/icon.tag.lightning.png');
}

div.box div.body div.icon div.lock
{
	background-image	: url('../css/icon.tag.lock.png');
}

div.box div.body div.icon div.magnifier
{
	background-image	: url('../css/icon.tag.magnifier.png');
}

div.box div.body div.icon div.mouse
{
	background-image	: url('../css/icon.tag.mouse.png');
}

div.box div.body div.icon div.pages
{
	background-image	: url('../css/icon.tag.pages.png');
}

div.box div.body div.icon div.pencil
{
	background-image	: url('../css/icon.tag.pencil.png');
}

div.box div.body div.icon div.type
{
	background-image	: url('../css/icon.tag.type.png');
}

div.box div.body div.icon div.user
{
	background-image	: url('../css/icon.tag.user.png');
}

div.box div.body div.icon div.vcard
{
	background-image	: url('../css/icon.tag.vcard.png');
}

div.box div.body div.icon div.warning
{
	background-image	: url('../css/icon.tag.warning.png');
}

div.box div.body div.icon div.world
{
	background-image	: url('../css/icon.tag.world.png');
}

div.box div.body div.icon div.wrench
{
	background-image	: url('../css/icon.tag.wrench.png');
}

/*
** Box description
*/

div.box div.desc
{
	padding			: 5px 6px;
	background		: #ADC7E1;
	border-top		: 1px solid white;
	border-right	: 1px solid #8CA0AE;
	border-bottom	: 1px solid white;
	border-left		: 1px solid #8CA0AE;
	font			: normal normal normal 10px verdana, arial, helvetica, sans-serif;
}

/*
** Box footer
*/

div.box div.foot
{
	clear	: both;
	height	: 18px;
}

div.box div.foot div.p1
{
	float		: left;
	width		: 18px;
	height		: 18px;
	background	: transparent url('../css/box.foot.1.gif') no-repeat;
}

div.box div.foot div.p2
{
	height		: 18px;
	margin		: 0px 18px;
	background	: transparent url('../css/box.foot.2.gif') repeat-x;
}

div.box div.foot div.p3
{
	float		: right;
	width		: 34px;
	height		: 18px;
	background	: transparent url('../css/box.foot.3.gif') no-repeat;
}

div.box div.foot div.p4
{
	float		: right;
	padding-top	: 1px;
	background	: transparent url('../css/box.foot.4.gif') repeat-x;
	font		: normal normal normal 10px verdana, arial, helvetica, sans-serif;
	line-height	: 17px;
}

div.box div.foot div.p5
{
	float		: right;
	width		: 18px;
	height		: 18px;
	background	: transparent url('../css/box.foot.5.gif') no-repeat;
}

/*
** Box header
*/

div.box div.head
{
	clear	: both;
	height	: 24px;
}

div.box div.head div.icon div
{
	float		: left;
	width		: 16px;
	height		: 16px;
	margin		: 4px 0px 0px 0px;
	padding		: 0px 4px 0px 0px;
	background	: transparent url('../css/box.icon.default.png') no-repeat;
}

div.box div.head div.p1
{
	float		: left;
	width		: 6px;
	height		: 24px;
	background	: transparent url('../css/box.head.1.gif') no-repeat;
}

div.box div.head div.p2
{
	margin		: 0px 12px 0px 6px;
	background	: transparent url('../css/box.head.2.gif') repeat-x;
	font		: normal normal bold 10px verdana, arial, helvetica, sans-serif;
	color		: #8897A6;
	line-height	: 24px;
}

div.box div.head div.p3
{
	float		: right;
	width		: 12px;
	height		: 24px;
	background	: transparent url('../css/box.head.3.gif') no-repeat;
}

/*
** Page header
*/

div.header div.body
{
	padding		: 10px 0px 2px 50px;
	background	: #CCDBEA url('../css/header.icon.png') no-repeat scroll 10px center;
}

div.header div.side
{
	padding		: 12px;
	background	: #F2F6F9 url('../css/header.side.gif') repeat-x;
}

/*
** Page container
*/

div.main
{
	padding	: 0px;
	margin	: 20px;
}

/*
** Page footer
*/

div.sign
{
	margin		: 16px 0px 0px 0px;
	text-align	: center;
	color		: #8897A6;
	font		: normal normal normal 9px verdana, arial, helvetica, sans-serif;
}

div.sign a
{
	color			: #8897A6;
	text-decoration	: underline;
}

div.sign a:hover
{
	color			: #F3A625;
}

/*
** wiki
*/

table.wiki1
{
	border-collapse	: collapse;
	border-spacing	: 1pt;
	border			: 2px solid #666666;
}

table.wiki1 td
{
	padding	: 2px;
	border	: 1px solid #999999;
}

table.wiki2
{
	border-spacing	: 1pt;
}

table.wiki2 td
{
	padding	: 2px;
	border	: 1px solid #666666;
}

table.wiki3 td
{
	padding	: 2px;
	border	: none;
}
