/**
 * Links
 */

A:link
{
	text-decoration: none;
}

A:visited
{
	text-decoration: none;
}

A:hover
{
	text-decoration: underline;
}

/**
 * General
 */

body
{
	margin: 0;
	color: black;
	font-family: Arial, Sans-Serif;
	background-color: white;
}

textarea
{
	font-size: 8pt;
	font-family: Arial, Sans-Serif;
}

.normal
{
	font-size: 8pt;
	font-family: Arial, Sans-Serif;
}

.normal_big
{
	font-size: 12pt;
	font-weight: bold;
}

.normal_small
{
	font-size: 6pt;
}

.normal_white
{
	font-size: 8pt;
	color: white;
}

.normal_big_white
{
	font-size: 14pt;
	font-weight: bold;
	color: white;
}

.button
{
	border-color: #8080FF;
	font-size: 8pt;
	font-weight: bold;
	font-family: Arial, Sans-Serif;
	color: white;
	background-color: #8080FF;
	cursor: pointer;
	height: 24px;
}

.hover
{
	cursor: pointer;
}

.error
{
	font-size: 8pt;
	color: red;
	font-weight: bold;
}

.copyright
{
	font-size: 6pt;
	color: #8080FF;
}

.page
{
	width: 100%;
	height: 600px;
	border-collapse: collapse;
	border-bottom: 10px solid white;
}

.page td
{
	padding: 0px;
}

/**
 * Heading
 */

.heading
{
	width: 99%;
	border-collapse: collapse;
	background-color: #8080FF;
}

.heading table
{
	border-right: 7px solid #8080FF;
}

.heading table td
{
	padding-right: 5px;
}

.heading h1
{
	margin: 0px;
	color: white;
	font-size: 24pt;
	font-weight: bold;
}

.heading h1 img
{
	margin-left: 10px;
	margin-right: 10px;
}

.heading .background
{
	background-color: white;
}

/**
 * Sidebar
 */

.sidebar
{
	width: 120px;
	border-collapse: collapse;
	background-color: #8080FF;
}

.sidebar .user
{
	border-top: 3px solid #8080FF;
	color: white;
	font-size: 8pt;
	font-weight: bold;
	padding: 0px;
	text-align: center;
}

.sidebar .user a
{
	text-decoration: underline;
}

.sidebar .user form
{
	margin-bottom: 0px;
}

.sidebar a
{
	color: white;
}

.sidebar .navigation
{
	margin-top: 10px;
	background-image: url(media/oval.gif);
	background-repeat: no-repeat;
	background-position: center center;
	cursor: pointer;
}

.sidebar h2
{
	font-family: Arial, Sans-Serif;
	font-weight: bold;
	margin-bottom: 0px;
}

.sidebar table
{
	width: 92px;
	height: 91px;
	border-collapse: collapse;
}

.sidebar h2 a
{
	font-size: 12pt;
}

.sidebar .user
{
	margin-top: 10px;
	margin-bottom: 10px;
}

.sidebar .user td
{
	padding: 2px;
}

.main
{
	width: 97%;
	margin-top: 7px;
	margin-left: 10px;
	font-size: 8pt;
}

/**
 * Rounded border
 */

.rounded_border
{
	width: 100%;
	border-collapse: collapse;
	background-color: #C0C0FF;
	margin-bottom: 10px;
}

.rounded_border td
{
	padding: 1px;
}

.rounded_border .frontpage_picture
{
	width: 50px;
}

.rounded_border form
{
	margin-bottom: 0px;
}

.rounded_border .corner
{
	width: 8px;
	padding: 0px;
}

/**
 * Tab strip
 */

.tabstrip
{
	width: 100%;
	border-collapse: collapse;
}

.tabstrip table
{
	border-collapse: collapse;
}

.tabstrip .tabs
{
	border-collapse: collapse;
}

.tabstrip .tabs .notselected
{
	background-color: #C0C0FF;
	cursor: pointer;
}

.tabstrip .tabs .selected
{
	background-color: #8080FF;
}

.tabstrip .tabs h2
{
	font-size: 12pt;
	color: white;
	margin-top: 2px;
	margin-bottom: 2px;
	margin-left: 7px;
	margin-right: 7px;
}

.tabstrip .tabs h2 a
{
	color: white;
}

.tabstrip .tabs .space
{
	width: 1px;
}

.tabstrip .body
{
	width: 100%;
	height: 200px;
	border: 2px solid #8080FF;
	background-color: #C0C0FF;
	padding: 2px;
	font-size: 8pt;
}

.tabstrip .body_selected
{
	width: 100%;
	height: 100px;
	border: 2px solid #8080FF;
	background-color: #8080FF;
}

.tabstrip .body_selected .notselected
{
	background-color: #C0C0FF;
	width: 100%;
}

.tabstrip .body_selected td
{
	font-size: 8pt;
	font-family: Arial, Sans-Serif;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 0px;
	padding-right: 0px;
}

.tabstrip .body_selected td td
{
	padding: 2px;
}

.tabstrip .body td
{
	font-size: 8pt;
	font-family: Arial, Sans-Serif;
	padding: 2px;
}

.tabstrip .body .description
{
	width: 100%;
	border-collapse: collapse;
	background-color: #8080FF;
}

.tabstrip .body .description td
{
	padding: 4px;
}

.tabstrip .body .description .corner
{
	width: 8px;
	padding: 0px;
}

.tabstrip .body h2
{
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 12pt;
	color: black;
	font-size: 12pt;
	font-weight: bold;
}

.tabstrip form
{
	margin: 0px;
}

/**
 * Control panel
 */

.controlpanel
{
	font-size: 8pt;
	border: 2px solid #8080FF;
	background-color: #C0C0FF;
	width: 100%;
}

.controlpanel .body
{
	border: 4px solid #C0C0FF;
	width: 100%;
}

.controlpanel .bar
{
	color: white;
	font-size: 8pt;
	border: 2px solid #C0C0FF;
	background-color: #8080FF;
	width: 64px;
}

.controlpanel .bar h2
{
	font-size: 8pt;
	color: white;
	margin-bottom: 0px;
}

.controlpanel .bar a
{
	color: white;
}

.controlpanel .bar .notselected
{
	border: 2px solid #8080FF;
	background-color: #8080FF;
	padding: 4px;
	font-size: 8pt;
	cursor: pointer;
}

.controlpanel .bar .selected
{
	border: 2px solid #8080FF;
	background-color: #C0C0FF;
	padding: 4px;
	font-size: 8pt;
}

/**
 * Make A Storybook
 */

.step_listbox_width
{
	width: 400px;
}

.step_listbox
{
	width: 100%;
	font-size: 8pt;
	color: black;
}

.step_filebox
{
	font-size: 8pt;
	color: black;
}

.step_heading
{
	font-size: 8pt;
	color: black;
	width: 175px;
}

.step_option
{
	font-size: 8pt;
	color: black;
	width: 100%;
}

.step_custom_option
{
	color: #8080FF;
}

.step_main_image
{
	background-image: url(media/background_loading.gif);
}

.step_small_button
{
	border-color: #8080FF;
	font-size: 8pt;
	font-weight: bold;
	color: white;
	background-color: #8080FF;
	cursor: pointer;
	width: 100px;
	height: 24px;
}

.step_medium_button
{
	border-color: #8080FF;
	font-size: 8pt;
	font-weight: bold;
	color: white;
	background-color: #8080FF;
	cursor: pointer;
	width: 152px;
	height: 24px;
}

.step_large_button
{
	border-color: #8080FF;
	font-size: 8pt;
	font-weight: bold;
	color: white;
	background-color: #8080FF;
	cursor: pointer;
	width: 225px;
	height: 24px;
}

.step_image_options
{
	border: 2px solid #C0C0FF;
}

.color_picker
{
	margin: 0;
	background-color: #C0C0FF;
}

.color_picker table table
{
	border-collapse: collapse;
}

.color_picker table table td
{
	padding: 0px;
}

.color_picker td
{
	font-size: 8pt;
}

.color_picker
{
	width: 350px;
	border-collapse: collapse;
}

.color_picker .color_name
{
	width: 70px;
}

.color_picker .slider
{
	width: 256px;
	height: 16px;
	background-color: #8080FF;
}

.color_picker .slider div
{
	width: 256px;
	height: 14px;
	background-color: #CCCCCC;
	color: white;
	text-align: right;
	position: relative;
	top: 1px;
	cursor: pointer;
}

.color_picker .sample
{
	background-color: #CCCCCC;
	width: 50px;
	height: 50px;
	border: 1px solid black;
}

.color_picker form
{
	margin: 0px;
}

.decal_picker
{
	margin: 0;
	background-color: #C0C0FF;
}

.decal_picker table
{
	width: 300px;
}

.decal_picker .step_option
{
	font-family: Arial, Sans-Serif;
}

.decal_picker form
{
	margin: 0px;
}

.tabstrip .checkout
{
	width: 100%;
	background-color: #C0C0FF;
	border-top: 10px solid #C0C0FF;
	border-bottom: 10px solid #C0C0FF;
}

.tabstrip .body_selected .normal_big_white
{
	font-size: 14pt;
}

.progress
{
	background-color: #C0C0FF;
	border-collapse: collapse;
	height: 18px;
}

.progress .filled
{
	width: 18px;
	height: 18px;
	border-left: 1px solid #C0C0FF;
	border-top: 1px solid #C0C0FF;
	border-bottom: 1px solid #C0C0FF;
	background-color: #8080FF;
}

.progress .hollow
{
	width: 18px;
	height: 18px;
}

.frontpage_panel td
{
	padding: 2px;
}

.samples td
{
	width: 225px;
}

.samples .printed_version_text
{
	font-size: 8pt;
	font-family: Arial, Sans-Serif;
}

.samples .printed_version_text h1
{
	font-size: 8pt;
	margin-bottom: 0px;
}

.samples .read_along_version_text
{
	font-size: 8pt;
	font-family: Arial, Sans-Serif;
	padding-left: 17px;
}

.samples .read_along_version_text h1
{
	font-size: 8pt;
	margin-bottom: 0px;
}

/**
 * Forum
 */

.forum th
{
	background-color: #8080FF;
	border: 2px solid #C0C0FF;
}

.forum td
{
	border: 2px solid #C0C0FF;
}