/************************************************************************************/
/* GENERAL STYLE																	*/
/************************************************************************************/

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	BODY
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

body, html
{
	background-color: #20262c;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	padding: 0px;
}

body, table, tr, td, div, textarea, input, select, label, button, layer
{
	font: small Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	FORM / INPUT
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

form
{
	margin-bottom: 0px;
}

input, textarea
{
	border: 1px solid #ccc;
	padding: 2px;
	color: #666;
}

input.cleanInput /* IE | radio buttons and checkboxes */
{
	border: 0px;
	background-color: transparent;
	padding: 0px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	LAYOUT
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

table
{
	border-collapse: collapse;
}

div.input-padding
{
	padding-right: 8px;
}

img
{
	border: 0px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	HEADERS
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

h1
{
	text-align: center;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	font-size: xx-large;

	margin-top: 6px;
	margin-bottom: 6px;

	height: 50px;
	background-repeat: no-repeat;
	background-position: center;
}

h2
{
	height: 18px;

	color: #702626;
	text-align: center;
	text-transform: uppercase;
	font-size: 1.15em;
	font-weight: bold;
	letter-spacing: .80em;

	border-bottom: 1px dotted #ddd;
	border-top: 1px dotted #ddd;
	background-color: #fafafa;
	background-repeat: no-repeat;
	background-position: center;

	padding-top: 7px;
	padding-bottom: 8px;
	padding-left: 30px;
	margin-top: 16px;
	margin-bottom: 16px;
}
h1 span, h2 span
{
	display: none;
}

h3
{
	font-size: 16pt;
	font-weight: normal;
	margin-top: 10px;
	margin-bottom: 4px;
	color: #95e31a;
}
h3 img.arrow-left, h3 img.arrow-right {
	height: 18px;
	width: 27px;
	background-repeat: no-repeat;
	position: relative;
	top: 2px;
}
h3 img.arrow-left {
	background-image: url(/images/headers/h2/arrow-left.gif);
}
h3 img.arrow-right {
	background-image: url(/images/headers/h2/arrow-right.gif);
}

h4
{
	color: #666;
	padding-bottom: 3px;
	border-bottom: 1px dotted #CCC;
}

h5
{
	font-size: 10pt;
	margin-top: 8px;
	margin-bottom: -4px;
	color: #ccc;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	LIST / PARAGRAPH
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

ul li
{
	line-height: 1.5em;
}

p
{
	line-height: 1.6em;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	STATUS NOTIFICATION
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.notify {
	color: #333333;
}
.busy {
	color: #0066CC;
}
.success {
	color: #00CC00;
}
.error {
	color: #CC0000;
}
.welcome {
	border: 1px solid transparent;
}

.notify, .busy, .success, .error
{
	font-weight: bold;
	background-color: #FFFBE2;
	border: 1px solid #FFE222;
	padding: 6px 6px 6px 10px;
}

.nocss
{
	display: none;
}

div.formError
{
	display: none;
	margin-top: 4px;
	border: 1px solid #EFB3B3;
	padding: 4px;
	background-color: #FFEFEF;
	color: #AF6D6D;
	font-weight: bold;
}



/************************************************************************************/
/* GUI																				*/
/************************************************************************************/

div#body-container
{
	width: 770px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	BODY
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

table#body
{
	width: 100%;
}

td#body-left
{
	width: 7px;
	background-image: url(/images/body-left.gif);
	background-repeat: repeat-y;
}

td#body-right
{
	width: 7px;
	background-image: url(/images/body-right.gif);
	background-repeat: repeat-y;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	HEADER
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

td#header
{
	height: 144px;
	background-image: url(/images/header-bg.gif);
	background-repeat: repeat-x;
	text-align: center;
}

td#header a#logo, td#header a#logo:link, td#header a#logo:visited
{
	position: relative;
	display: block;
	height: 144px;

	background-image: url(/images/header-logo.jpg);
	background-repeat: no-repeat;
	background-position: center;

	color: #bbbbbb;
}
	td#header a#logo:hover, td#header a#logo:visited:hover
	{
		background-image: url(/images/header-logoO.jpg);

		color: #ffffff;
	}

td#header img
{
	display: none;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	MENU
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

td#menu
{
	height: 33px;
	background-image: url(/images/menu-bg.gif);
	background-repeat: repeat-x;
	padding: 6px;

	text-align: center;
	color: #555;
}

td#menu a,
td#menu .disabled {
	padding: 6px;
}

td#menu a, td#menu a:link, td#menu a:visited
{
	text-decoration: none;
	color: #bbb;
}
	td#menu a:hover, td#menu a:visited:hover
	{
		color: #fff;
	}

td#menu .disabled {
	cursor: default;
}



/************************************************************************************/
/* CONTENT																			*/
/************************************************************************************/

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	CONTENT
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

td#content
{
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 10px;
	background-color: #f7f7f7;
	background-image: url(/images/content-top.gif);
	background-repeat: repeat-x;
	background-position: top;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	WELCOME MESSAGE
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

div.welcome-message
{
	position: relative;
	margin: 20px 0px 20px 0px;
	background-color: #fdfdfd;
	border: 2px solid #dfe2e5;
	padding: 1px 20px 1px 20px;
}

div.welcome-message span.top-left
{
	display: block;
	position: absolute;
	top: -3px;
	left: -2px;
	height: 10px;
	width: 10px;

	background-image: url(/images/welcome/top-left.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

div.welcome-message span.bottom-right
{
	display: block;
	position: absolute;
	bottom: -2px;
	right: -2px;
	height: 10px;
	width: 10px;

	background-image: url(/images/welcome/bottom-right.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
}

div.welcome-message h4 {
	font-weight: bold;
}

div.welcome-message p {
	font-size: small;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	WELCOME BOXES
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

table#welcome-box-container
{
	width: 100%;
}

td#banner-left {
	width: 86px;
	background-image: url(/images/welcome/banner-left.gif);
	background-repeat: no-repeat;
}
td#banner-right {
	background-image: url(/images/welcome/banner-right.gif);
	background-repeat: no-repeat;
	width: 66px;
}

table#welcome-boxes
{
	margin-left: auto;
	margin-right: auto;
}

td.welcome-text
{
	height: 75px;

	background-image: url(/images/welcome/section-bg.gif);
	background-repeat: no-repeat;
	background-position: center;
}

td.welcome-text span
{
	display: block;
	height: 5px;
	width: 100%;

	padding: 5px 0px 5px 0px;

	background-color: #f7f7f7;
	background-position: center;
	background-repeat: no-repeat;
}
td.welcome-text span.section-about {
	background-image: url(/images/welcome/text-about.gif);
}
td.welcome-text span.section-web {
	background-image: url(/images/welcome/text-web.gif);
}

table#welcome-boxes td.divider
{
	width: 1px;
	padding: 0px;
	border-right: 1px dotted #ddd;
}

td#content a.welcome, td#content a.welcome:link, td#content a.welcome:visited
{
	border: 0px;
	padding: 40px 0px 0px 0px;

	display: block;
	height: 173px;
	width: 213px;

	background-image: url(/images/welcome/welcome-box.gif);
	background-repeat: no-repeat;
	background-position: center;

	vertical-align: middle;
	text-align: center;
}
	td#content a.welcome:hover, td#content a.welcome:visited:hover
	{
		border: 0px;
		padding: 40px 0px 0px 0px;
	
		background-image: url(/images/welcome/welcome-boxO.gif);
	}
td#content a.welcome img
{
	border: 0px;
	padding: 0px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	LINKS
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

td#content a, td#content a:link, td#content a:visited
{
	text-decoration: none;
	color: #378add;
	border-bottom: 1px dotted #378add;
	padding-bottom: 0px;
	font-weight: normal;
}
	td#content a:hover, td#content a:visited:hover
	{
		border-bottom: 1px dotted #CFE7FF;

		color: #7FBFFF;
	}

.external
{
	padding-right: 12px;
	background-image: url(/images/link-external.gif);
	background-position: right;
	background-repeat: no-repeat;
}


/************************************************************************************/
/* FOOTER																			*/
/************************************************************************************/

table#footer
{
	height: 30px;
	width: 100%;
}

td#footer-left
{
	width: 13px;
	background-image: url(/images/footer-left.gif);
	background-repeat: no-repeat;
}

td#footer-right
{
	width: 13px;
	background-image: url(/images/footer-right.gif);
	background-repeat: no-repeat;
}

td#footer-text
{
	height: 30px;
	width: auto;
	background-image: url(/images/footer-bg.gif);
	background-repeat: repeat-x;
}
td#footer-text a, td#footer-text a:link, td#footer-text a:visited, td#footer-text #footer-link
{
	height: 30px;
	display: block;

	text-decoration: none;
	text-align: right;

	border: 0px;

	background-image: url(/images/footer-text.gif);
	background-repeat: no-repeat;
	background-position: 580px 13px;
}
	td#footer-text a:hover, td#footer-text a:visited:hover
	{
	
	}
td#footer-text p
{
	display: inline;
}
td#footer-text p span
{
	display: none;
}



/************************************************************************************/
/*	ADMINISTRATIVE MENUS															*/
/************************************************************************************/

div.dd-container {
	position: relative;
	z-index: 3;
}

div.dd-menu, div.dd-menuTop {
	display: none;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	MENU ICON
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

div.dd-icon, div.dd-iconO {
	position: absolute;
	top: 0px;
	right: 0px;

	height: 16px;
	width: 16px;
	padding: 5px;

	background-repeat: no-repeat;
	background-position: center;
	background-color: #E4E8EB;
}
	div.dd-icon:hover, div.dd-iconO {
		background-color: #ADE851;
	}

div.dd-secondary div.dd-icon, div.dd-secondary div.dd-iconO {
	right: 27px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	ICON IMAGES
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

div#dd-icon_profile {
	background-image: url(/images/icons/user.png);
}

div#dd-icon_docs {
	background-image: url(/images/icons/book_open.png);
}
div#dd-icon_photos {
	background-image: url(/images/icons/pictures.png);
}
div#dd-icon_audio {
	background-image: url(/images/icons/music.png);
}
div#dd-icon_video {
	background-image: url(/images/icons/film.png);
}

div#dd-icon_portfolio {
	background-image: url(/images/icons/folder_edit.png);
}

div#dd-icon_tutorials {
	background-image: url(/images/icons/folder_edit.png);
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	MENU
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

div.dd-menuTop {
	position: absolute;
	top: 0px;
	right: 0px;

	height: 4px;
	width: 159px;
	background-color: #ADE851;
	margin-top: 26px;
}

div.dd-menu
{
	position: absolute;
	top: 30px;
	right: 0px;

	width: 155px;

	cursor: default;
	border: 2px solid #e9e9e9;
	border-top: 0px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	MENU LINKS
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

td#content div.dd-menu a, td#content div.dd-menu a:link, td#content div.dd-menu a:visited
{
	display: block;
	color: #999;
	background-color: #f6f6f6;
	text-decoration: none;
	padding: 6px 6px 6px 10px;
	border-bottom: 0px;
	font-size: x-small;

	background-repeat: no-repeat;
	background-position: 4px 4px;
	padding-left: 26px;
}
	td#content div.dd-menu a:hover, td#content div.dd-menu a:visited:hover
	{
		color: #000;
		background-color: #fbfbfb;
		text-decoration: underline;
		border-bottom: 0px;
	}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	MENU IMAGES
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

td#content div.dd-menu a.back {
	background-image: url(/images/icons/back.png);
}
td#content div.dd-menu a.add {
	background-image: url(/images/icons/picture_add.png);
}
td#content div.dd-menu a.edit-photos {
	background-image: url(/images/icons/picture_edit.png);
}
td#content div.dd-menu a.edit-album {
	background-image: url(/images/icons/page_white_edit.png);
}
td#content div.dd-menu a.delete {
	background-image: url(/images/icons/cross.png);
}
td#content div.dd-menu a.edit-section {
	background-image: url(/images/icons/information.png);
}
td#content div.dd-menu a.new {
	background-image: url(/images/icons/folder_image.png);
}
td#content div.dd-menu a.profile {
	background-image: url(/images/icons/user_black.png);
}
td#content div.dd-menu a.users {
	background-image: url(/images/icons/users_black.png);
}
td#content div.dd-menu a.config {
	background-image: url(/images/icons/globe.png);
}
td#content div.dd-menu a.logout {
	background-image: url(/images/icons/power.png);
}
td#content div.dd-menu a.login {
	background-image: url(/images/icons/power.png);
}


/************************************************************************************/
/* DIALOG BOXES																		*/
/************************************************************************************/

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	BACKDROP
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

div#backdrop-white, div#backdrop-black, div#backdrop-clear
{
	z-index: 4;
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0;
	display: none;
	height: 100%;
	width: 100%;
}

div#backdrop-white
{
	background-color: #eee;
}

div#backdrop-black
{
	background-color: #111;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	LOGIN
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

div#login
{
	z-index: 5;
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0;
	display: none;
	height: 100%;
	/*background-color: #111;*/
}

td#userStatus
{
	color: #aaa;
}

div#login a, div#login a:link, div#login a:visited
{
	color: #666;
	text-decoration: none;
	border: 0px;
}
	div#login a:hover, div#login a:visited:hover
	{
		color: #333;
		text-decoration: underline;
	}

div#login-box
{
	width: 410px;
	height: 200px;
	background-image: url(/images/login-box.png);
	padding: 14px;
}

p#loginStatus
{
	margin-top: 73px;
	margin-bottom: 10px;
	width: 386px;
	position: relative;
	left: -1px;
	padding: 2px;
	font-weight: bold;
}

div#login input
{
	width: 100%;
	text-align: center;
	border: 1px solid #ccc;
}

div#login button
{
	width: 65px;
	text-align: center;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	NOTICE (not yet used)
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

div#notice-box
{
	width: 426px;
	height: 214px;
	background-image: url(/images/notice-box.png);
	padding: 14px;
}
div#notice-box p
{
	color: #BDC2C3;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	CONFIRM
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

div#confirm
{
	z-index: 5;
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0;
	display: none;
	height: 100%;
	/*background-color: #eee;*/
}

div#confirm a, div#confirm a:link, div#confirm a:visited
{
	display: block;
	text-decoration: underline;
	border: 0px;
}
	div#confirm a:hover, div#confirm a:visited:hover
	{
		text-decoration: underline;
		border: 0px;
	}

div#confirm-box
{
	width: 410px;
	height: 200px;
	background-image: url(/images/confirm-box.png);
	padding: 14px;
	position: relative;
}

img#confirm-close
{
	position: absolute;
	top: 10px;
	right: 10px;
	width: 14px;
	height: 14px;
	background-image: url(/images/confirm-box_close-over.gif);
	background-repeat: no-repeat;
	background-position: center;
	padding: 4px;
}

div#confirm-question
{
	width: 90%;
	padding-top: 40px;
	height: 116px;
	color: #fff;
	cursor: default;
}

div#confirm-answer
{
	text-align: center;
}

img#confirm-yes
{
	width: 108px;
	height: 38px;
	background-image: url(/images/confirm-box_yes-over.gif);
	background-repeat: no-repeat;
}

img#confirm-no
{
	width: 108px;
	height: 38px;
	background-image: url(/images/confirm-box_no-over.gif);
	background-repeat: no-repeat;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	PROGRESS
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

div#progress
{
	display: none;
}

td.progressField
{
	font-weight: bold;
}

#sneakyFrame-container
{
	display: none;
	width: 100%;
	position: absolute;
	bottom: -300px;
	z-index: 5;
	display: block;
	padding: 0px;
	border: 0px solid orange;
}

#sneakyFrame
{
	display: none;
	border: 0px solid green;
	background-color: #fff;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	AJAX
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

div#ajaxLoading
{
	z-index: 3;
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0;
	display: none;
	height: 100%;
	background-color: #111;
}

/************************************************************************************/
/* CONTENT PREVIEW																	*/
/************************************************************************************/

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	FEATURE CAPSULE
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

div.feature
{
	/*padding: 6px;
	border: 1px dotted #ccc;*/
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	CONTENT PREVIEW
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

td#content a.preview, td#content a.preview:link, td#content a.preview:visited
{
	display: block;
	position: relative;
	border: 1px solid transparent;
	cursor: pointer;
	background-image: url(/images/preview-full.gif);
	background-repeat: no-repeat;
	background-position: -1px -3px;
	margin-left: 5px;
	margin-right: 2px;
	margin-bottom: 6px;
}
	td#content a.preview:hover, td#content a.preview:visited:hover
	{
		display: block;
		position: relative;
		background-image: url(/images/preview-fullO.gif);
	}

td#content a.preview-half, td#content a.preview-half:link, td#content a.preview-half:visited
{
	background-image: url(/images/preview-half.gif);
	background-position: -5px -5px;
}
	td#content a.preview-half:hover, td#content a.preview-half:visited:hover
	{
		background-image: url(/images/preview-halfO.gif);
	}

.preview .private {
	position: absolute;
	top: 10px;
	right: 12px;
	font-size: 90%;
	color: #666;
	font-style: italic;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	PREVIEW IMAGE
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

img.preview-box, span.preview-box
{
	position: relative;
	width: 93px;
	height: 93px;
	border: 0px;
	background-image: url(/images/preview-none.png);
	background-repeat: no-repeat;
	background-position: 11px 11px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	TEXT
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

span.preview-text
{
	display: block;

	margin-left: 103px;
	position: absolute;
	top: 0px;
	left: 0px;
	padding-right: 7px;
	overflow: hidden;
	height: 85px;
}

span.preview-text span.h4
{
	display: block;

	margin-top: 10px;
	margin-bottom: 0px;

	color: #333;
	font-size: small;
	font-weight: bold;
}

span.preview-text span.p
{
	display: block;

	margin-top: 5px;
	font-size: smaller;
	font-weight: normal;
	line-height: 1.6em;
	color: #666;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	PREVIEW TYPE/RECENCY
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

span.preview-class, span.new
{
	position: relative;
	top: 0px;
	margin-left: 2px;
	font-size: x-small;
	font-weight: normal;
	color: #aaa;
}

span.photoshop
{
	color: #0066CC;
}

span.asp
{
	color: #000000;
}

span.css
{
	color: #66CC00;
}

span.javascript
{
	color: #CC0000;
}

span.new
{
	color: #FF0000;
	font-weight: bold;
}

/************************************************************************************/
/* JOURNAL - PHOTOS																	*/
/************************************************************************************/

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	TAG BOX
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

div#tag-box
{
	border: 1px solid #225C97;
	position: absolute;
	display: none;
	z-index: 5;
	padding: 0px 2px 2px 0px;
	cursor: crosshair;
}

div#tag-box>div
{
	border: 1px solid #fff;
	width: 100%;
	height: 100%;
}

div#tag-box>div>div
{
	background-color: #fff;
	width: 100%;
	height: 100%;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	TAG ENTRY
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

div#tag-entry
{
	border: 1px solid #225C97;
	position: absolute;
	display: none;
	background-color: #fff;
	width: 173px;
}

div#tag-entry div
{
	margin: 4px;
}

div#tag-preselected
{
	height: 200px;
	/*
	overflow-y: scroll;
	overflow-x: hidden;
	*/
	margin: 0px;
	background-color: #eee;
}

div.tag-list
{
	display: block;
}
div.tag-list div
{
	padding: 2px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	IMAGE THUMBNAIL
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

td#content a.thumb, td#content a.thumb:link, td#content a.thumb:visited
{
	border: 0px;
	padding: 0px;
	cursor: pointer;
}
td#content a.thumb:hover, td#content a.thumb:visited:hover
{
	border: 0px;
	padding: 0px;
	cursor: pointer;
}

a.thumb img {
	padding: 8px;
	border: 1px solid #ddd;
}
a.thumb:hover img {
	background-color: #eee;
	border-color: #999;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	TEXT FORMATTING
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

h3.viewer
{
	text-align: right;
	position: relative;
	top: 14px;
}

div#info-container
{
	padding-right: 12px;
}

div#caption, div#tags, div#links
{
	width: 100%;
	min-height: 18px;
	margin-top: 2px;
	border: 1px solid #ddd;
	padding: 7px 5px 5px 5px;
	text-align: left;
}

div#caption
{
	text-align: center;
	background-color: #fefefe;
	border: 1px solid #ccc;
	margin-top: 4px;
	margin-bottom: 4px;
}

div#tags
{
	line-height: 1.5em;
	padding-top: 4px;
}

div#tags div
{
	display: inline;
	margin-right: 0px;
}

p#tagged-people
{
	margin: 10px;
	line-height: 1.5em;
}

p#tagged-people span
{
	
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	PHOTO EDITING
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

div.edit-photo
{
	border: 1px solid #ddd;
	background-color: #fcfcfc;
	padding: 7px;
	margin-bottom: 6px;
}

div.delete-photo
{
	border: 1px solid #EFB3B3;
	background-color: #FFEFEF;
}



/************************************************************************************/
/* JOURNAL - VIDEOS																	*/
/************************************************************************************/

div.video-description
{
	background-color: #fff;
	border: 1px solid #eee;
	padding: 4px;
}
div.video-description p
{
	margin-bottom: 0px;
}

div.video-description h4
{
	margin-top: 0px;
	padding-bottom: 3px;
	border-bottom: 2px solid #D1EAEF;
	color: #30646F;
}



/************************************************************************************/
/* PORTFOLIO																		*/
/************************************************************************************/

table#portfolio-preview
{
	margin-top: 0px;
	position: relative;
	top: -8px;
	height: 150px;
}
table#portfolio-preview tr td
{
	vertical-align: middle;
}

td#content table#portfolio-preview a, td#content table#portfolio-preview a:link, td#content table#portfolio-preview a:visited
{
	padding: 7px;
	border: 0px;
	background-color: #ddd;
	height: 100px;
	width: 100px;
	display: block;
}
	td#content table#portfolio-preview a:hover, td#content table#portfolio-preview a:visited:hover
	{
		border: 0px;
		background-color: #AEDF37;
	}

td#content table#portfolio-preview a img
{
	border: 0px solid #eee;
}

td.bracket-left, td.bracket-right
{
	width: 48px;
	height: 150px;
	background-position: center;
	background-repeat: no-repeat;
}
td.bracket-left
{
	/*background-image: url(/images/bracket-left.gif);*/
}
td.bracket-right
{
	/*background-image: url(/images/bracket-right.gif);*/
}



/************************************************************************************/
/* TUTORIALS																		*/
/************************************************************************************/

table.steps div
{
	margin-bottom: 10px;
}

div.settings
{
	border: 1px solid #ddd;
	background-color: #eee;
	padding: 5px;
}

/************************************************************************************/
/* ABOUT																	*/
/************************************************************************************/

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	ABOUT
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

span.float {
	display: block;

	padding: 3px;
	background-color: #f0f5f9;
	border: 1px solid #D1DADF;
}

span.float-left {
	float: left;

	margin-right: 20px;
	margin-bottom: 5px;
}
span.float-right {
	float: right;

	margin-left: 20px;
	margin-bottom: 5px;
}

span.float span.caption {
	display: block;

	padding: 4px 0px 0px 0px;
	text-align: center;
}

p.contact {
	background-color: #fcfcfc;
	border: 2px solid #eee;
	padding: 8px 12px 8px 12px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	CONTACT
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

table.form {
	margin-left: auto;
	margin-right: auto;
}

table.form td {
	padding-bottom: 5px;
}

td.field-name {
	padding-right: 20px;
	vertical-align: top;
}

td.field-input input, td.field-input textarea {
	width: 300px;
}

p.thanks {
	height: 160px;
	margin-top: 20px;

	background-image: url(/about/contact/thanks.jpg);
	background-position: center;
	background-repeat: no-repeat;
}
p.thanks span {
	display: none;
}