/* Base styles and header/footer stuff */

html
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
}

body 
{
    font-size:100%;
    line-height:1.125; /* 16�1.125=18 */
    color: #34354d;
}

span.hl
{
	background-color: #fbf1e2;
}

html, body, div, h1, h2, h3, h4, h5, h6, pre, font, strong, span, form, fieldset, input, textarea, p, blockquote, table, th, td, ul, li
{
	margin: 0;
	padding: 0;
}

img
{
	border:0;
}

hr.tmp_desc
{
	border-width: 1px 1px 0px 0px;
	border-style: solid;
	border-color: #E1E1E1 #FFFFFF #FFFFFF #FFFFFF;
}
h1
{
	font-size: 1.75em;
	margin: 0.15em 0;
	color: #5C6DAC;
}

h2
{
	font-size: 1.25em;
	margin: 0.05em 0;
	color: #5C6DAC;
}

h3
{
	font-size: 1.05em;
	margin: 0.25em 0 0.05em 0;
	color: #ff6600;
}
.breadcrumb
{
	padding:0px 0px 15px 15px;
}

a.bc_link
{
	color: #FF6600;
}
div#helpToggleBox h3
{
	text-decoration: underline;
}

h4
{
	font-size: 0.85em;
	color: #5C6DAC;
	font-style: italic;
}
/* Page layout styles */

div#header
{
	background-color:#ffffff;
}

div#headerContent
{
	/*border: 1px solid orange;*/
	padding: 0 0.25em;
}

div#headerContent td
{
	vertical-align: bottom;
}
div#tagline
{
	margin: -0.5em auto 0.2em;
	padding: 0pt 0pt 0em 10.5em;
	font-size: 0.70em;
	color: #ff6600;
	font-style: italic;
	font-weight: bold;
}

img#sitelogo
{
	border: 0;
}

div#header table.main
{
	width: 100%;
}

div#topLinks
{
	font-size: 0.8em;
	text-align: right;
	padding-right: 0.25em; 
	float: right;
}

div#topLinks .metanav a
{
	font-size: 0.9em;
	font-weight: normal;
	white-space: nowrap;
}

a:hover
{
	color: #ff6600;
}
div#pageWrapper, div#editPageWrapper, div#editEntryPageWrapper
{
	/*border: 1px solid purple;*/
	position:relative;
}

div#content
{
	/*border: 1px solid Teal;*/
	margin: 0em 0.55em;
	min-height: 400px;
	background-color: white;
	position: relative;
}

* html div#content
{ 
	min-height:400px;
	height:auto !important;
	height:400px;
}

div#mainnav, div#mainnav_nobuttons
{
	background-image: url('/images/header_border.png');
	background-repeat: repeat-x;
	padding-left: 0.25em;
	position: relative;
	height: 27px;
	margin-bottom: 0.25em;
}

div#mainnav_nobuttons
{
	border-color:#DEDEED;
	border-style:solid;
	border-width:0px 0px 1px;
	background-image: none;
	height: 1px;
	margin-bottom: 0;
}

/* IE6 is fucked*/
* html div#mainnav_nobuttons
{
	line-height: 0px;
	margin-bottom: -6px;
}

div#mainnav a.tab
{
	position: absolute;
	background-image: url('/images/btn_main_nav.png');
	background-repeat: no-repeat;
	height: 27px;
	width: 141px;
	display: block;
	text-align: center;
	text-decoration: none;
	padding-top: 2px;
	color: #5C6DAC;
	font-size: 0.9em;
}
div#pageWrapper img.helpimg
{
	position:absolute; 
	top:0px; 
	cursor: help;
	margin: 5px 0px 0px;
	right: 10px;
}
div#mainnav a.tab:hover, div#mainnav a.tab:hover.selected
{
	background-image: url('/images/btn_main_nav_o.png');
}

div#mainnav a.tab.selected
{
	background-image: url('/images/btn_main_nav_o.png');
}
/* This style is used on the home page instead of the mainNav. provides the underline for the header and the space before the main text */
div#underHeader
{
	background-image: url('/images/header_border.png');
	background-repeat: repeat-x;
	padding-left: 3em;
	position: relative;
	height: 1px;
}

div#pageHeading
{
	color: #ff6600;
	font-size: 13px;
	font-style: italic;	
	white-space: nowrap;
}

.contentWrapper
{
	font-size: 0.9em;
}

div#footerWrapper
{
	margin: 0px auto;
	clear: both;
	border-top: 1px solid #dedeed;
	padding-top: 0.35em;
	height:60px;
}

div#footer
{
	margin: 0px auto;
	text-align:center;
	font-size: 0.80em;
	color: #040499;
}

div.errors, div.feedback
{
	margin: 0 auto;
	padding: 0.5em;
	font-size: 1em;
	background-color: white;
	border: 1px solid #cc3333;
	font-weight: normal;
	color: #d55d5d; /*#34354d;*/
	text-align: center;
}
div.feedback
{
	color: #5d6bd5;
	border-color: #5d6bd5;
	text-align:left;
}

div#feedback
{
	font-size: 0.9em;
	color: #a4a4b9;
	margin-bottom: 0.15em;
	text-align: center;
}
	
div.errors a
{
	color: #fbeed9;
}


.clear
{
	clear: both;
}

/* Link Styles */
a, .clickable
{
	color: #040499;
	font-weight: bold;
}

.clickable
{
	text-decoration: underline;
	cursor: pointer;
}

/* common font styles */
.b
{
	font-weight: bold;
}

.i
{
	font-style: italic;
}

.u
{
	text-decoration: underline;
}
.f_big
{
	font-size: 1.2em;
}

input.text
{
	width: 148px;
	border: 1px solid #A4A4B4;
	font-size: 1.2em;
}

input.login
{
	border:1px solid #A4A4B4;
	padding: 0em 1em;
	color: #505060;;
}

input.smaller
{
	width: 108px;
	background-color:#f7f6fb;
}
/***************************************************************************************
  Styles for tool area at the top of search page and canvas pages
***************************************************************************************/
.searchData
{
	background-color: #f1f1f9;
	padding:0.25em 0.45em;
	margin-top: 0.35em;
	font-size: 0.9em;
	color: #878794;
}

.searchData select
{
	height: 18px;
	background-color: #f1f1f9;
	color: #34354d;
}


/***************************************************************************************
  Styles for the tables that show user resources such as templates, documents etc.
***************************************************************************************/
.resourceList
{
	border: 0px solid #a4a4b4;
	padding: 5px;
}
.resourceList h2
{
	padding-bottom: 0.15em;
	border-bottom: 1px solid #c1c1d4;
}
.resourceTools
{
	margin-bottom: 0.25em;
}

.resourceTools img
{
	vertical-align: middle;
}

.resourceTable
{
	border: 0;
	width: 100%;
	border: 0px;
	border-bottom: 1px solid #c1c1d4;
}

.resourceTable thead
{
	font-weight: bold;
	background-color: #ffffff;
}

.resourceTable th, .resourceTable td
{
	text-align: left;
	padding: 0.35em 0.35em 0.25em;
}
.resourceTable th
{
	text-align: center;
	border-bottom: 1px solid #8b8b99;
}

.resourceTable tr.odd
{
	background-image: url('/images/bgfade_50.jpg');
	background-position: top;
	background-repeat: repeat-x;
	background-color: #FFFFFF;
}

.resourceTable tr.even
{
	background-image: url('/images/bgfade_50_o.jpg');
	background-position: top;
	background-repeat: repeat-x;
	background-color: #FFFFFF;
}

.resourceTable tr.data td
{
	border-top: 1px solid #c1c1d4;
}

.resourceTable tr.first td
{
	border-top: 0px;
}

span.active
{
	padding: 0em 0.2em;
	font-size: 0.8em;
	color: #0f9d0f;
	font-weight: bold;
}

a.actionLinks, span.actionLinks
{
	padding: 0em 0.2em;
	font-size: 0.825em;
	color: #ff6600;
	font-weight: normal;
}

span.actionLinksDisp
{
	padding: 0em 0.2em;
	color: #ff6600;
}

a.actionLinksDisabled, span.actionLinksDisabled
{
	padding: 0em 0.2em;
	font-size: 0.8em;
	color: #A4A4B4;
	cursor: default;
}

a.resourceLink
{
	/*font-weight: normal;*/
	font-size: 1em;	
}

tr.actions td
{
	text-align: left;
	padding: 0.30em 0em 0.15em 0.2em;
	line-height:0.9em;
	background-image: none;
	background-color: #ffffff;
}

span.userdisp
{
	font-size: 0.75em; 
	color: #8b8b99
}

img.lock
{
	margin: 0em 0.5em 0em 1em; 
	vertical-align:middle;
}

span.loading
{
	background-image: url('/js/digitalcarpenter/widget/templates/images/loader.gif');
	background-position: right;
	background-repeat:no-repeat;
	font-size: 0.85em;
	color: #5d6bd5;
	padding-right: 20px;
}
span.done
{
	background-image: url('/images/icons/green_tick_small.png');
	background-position: right;
	background-repeat:no-repeat;
	padding-right: 20px;
}

tr.deleted td, tr.deleted a, tr.deleted span 
{
	background-color: #c1c1d4;
	color: #8b8b99; 
	text-decoration: line-through;
}

/******************************/



/****styles to show small icons****/
span.icon img
{
	padding: 0em;
	border: none;
	vertical-align: top;
}	 
span.icon
{
	height: 17px;
}
.t_data
{
	font-size: 0.8em;
	color: #A4A4B4;
	padding-right: 0.85em;
	white-space: nowrap;
	font-weight: bold;
}
/**********************************/

/**Sign up styles**/
.signUpBox span.label
{
	font-size: 1.2em;
}

.signUpBox input.text
{
	width: 9em;
	border: 1px solid #A4A4B4;
	font-size: 1.2em;
	height: 1.4em;
	padding: 0.05em 0em 0em 0.05em;
}



/* Floating Pane Styles */
div.dojoFloatingPaneTitleBar 
{
	vertical-align: top;
	margin: 0;
	background-repeat: no-repeat;
	z-index: 10;
	background-color: #a4a4b4;
	padding-left: 22px;
	border-bottom: 1px solid #60606a;
	cursor: move;
	overflow: hidden;
	vertical-align: middle;
}

div#defaultSettingsPane div.dojoFloatingPaneTitleBar 
{
	background-image:url('/images/icons/styleSettingsIcon.png');
}

div#canvasSizePane div.dojoFloatingPaneTitleBar 
{
	background-image:url('/images/icons/canvasSizeIcon.png');
}

div.dojoFloatingPane 
{
	/* essential css */
	position: absolute;
	overflow: visible;		/* so drop shadow is displayed */
	/* styling css */
	border: 1px solid #60606a;
	background-color:#dedeed;
	padding: 0;
	margin: 0;
	line-height: 1em;
}

div.dojoFloatingPaneClient 
{
	position: relative;
	border: 0px solid #a4a4b4;
	margin: 0px;
	background-image: url('/images/bg_body_gradient.jpg');
	background-color: #dedeed;
	padding: 6px;
	font-family: Arial, Verdana, Helvetica, Garamond, sans-serif;
	font-size: 0.8em;
}

div.dojoFloatingPaneMinimizeIcon 
{
	background-image: url(/images/icons/closeDialogIcon.png);
	cursor: pointer;
}

fieldset.mfp
{
	border: 1px solid #a4a4b4;
	margin-top: 0.15em;
}

div.mfpInside
{
	position: relative;
	background-color: #FFFFFF;
	border: 1px solid #706374;
	padding: 0em 0.4em;
}
/**********************************/

/* Workshop styles - stuff for both template and document workshop */
.saved
{
	color: #006600;
}

.changed
{
	color: #fc8b1d;
}

/* Help box displayed to a user without any documents or templates*/

div#helpBox
{
	position: relative;
	font-size: 1.45em;
	padding: 0;
	margin-left: 180px;
	width: 570px;
}

.helpBoxArrow
{
	width: 470px; 
	background-image: url('/images/box_arrow.png');
	background-repeat: no-repeat;
	background-position: bottom;
	height: 15px;
}

.helpBoxText
{
	margin: 0 auto; 
	text-align:center;
	border: 1px solid #c2c0d5; 
	border-top-width: 0px; 
	background-color:  #fbefd9;
	padding:0.7em 0.35em;
}

.helpBoxText p
{
	text-align:left;
	margin: 0.45em 1em;
	font-size: 0.75em;
	color: #34354d;
}

.helpBoxText ul
{
	margin: 8px 16px;
	font-size: 0.75em;
	color: #51536d;
	list-style: url("/images/icons/bullet_star.png");
	text-align:left;
}
.helpBoxText ul li
{
	margin: 8px 8px;
}

.helpBoxText a
{
	font-weight: normal;
}
/* The toggle-able helpbox activated ffrom help icon*/
div#helpToggleBox
{
	position : absolute;
	left : 0px;
	top : 5px;
	z-index: 20000;
	border: 1px solid #c2c0d5; 
	background-color:  #fbefd9;
	padding:0.7em 0.35em;
	font-size: 1.1em;
	width: 470px;
}

div#helpToggleBox p
{
	color: #8b8b99;
	font-size: 1em;
}

div#helpToggleBox p a
{
	font-weight: normal;	
}

div#helpToggleBox ol, 
{
	margin-top: 0.15em;
}
div#helpToggleBox ol.steps li
{
	list-style: decimal;
}

div#helpToggleBox ul.sub li
{
	margin-left: 0.5em;
	color: #8b8b99;
	font-size: 0.9em;
	list-style: circle;
}


/* Generic table styles*/
table tr td.left
{
	text-align: left;
}
table tr td.center
{
	text-align: center;
}

table tr td.right
{
	text-align: right;
}

/*Debug Styles*/
table.debugTable
{
	border: 1px solid #c3c3c3;
}