html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
}
div
{
margin:0px;
}
img
{
text-decoration:none; 
}
a
{
	margin: 0;
	padding: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
}


/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	color: black;
	background-color:#FFFFFF;
}
ol, ul {
	list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */

caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
body
{
	font-family:Arial; font-size:11px; color:#333333;
}

a, a:visited
{
	text-decoration:none; font-weight:bolder;color:#000099;
}
a:hover
{
	text-decoration:underline; color:#000099; font-weight:bolder
}
a img, a:hover img, a:visited img {
	border: 0px #CCCCCC solid;
}

p
{
margin:0px; padding:0px; margin-top:3px
}

/* FONTS */
h1
{
margin:0; margin-bottom:3px; padding:0; font-size:18px; font-weight:bold;margin-bottom:5px
}
h2
{
margin:0; padding:0; font-size:16px; font-weight:bold;margin-bottom:4px
}
h3
{
margin:0; padding:0; font-size:14px; font-weight:bold; margin-bottom:3px
}
h4
{
margin:0; padding:0; font-size:12px; font-weight:bold
}
h5
{
margin:0; padding:0; font-size:11px; font-weight:bold
}
h6
{
margin:0; padding:0; font-size:10px; font-weight:bold
}
.n14
{
font-size:12px; font-weight:normal; line-height:20px
}
.n12
{
font-size:12px; font-weight:normal
}
.n11
{
font-size:11px; font-weight:normal
}
.n10
{
font-size:10px; font-weight:normal
}
.ls-1
{
letter-spacing:-1px
}
.exposed
{
font-size:4px; vertical-align:super; line-height:4px;
}
.blue_button
{
background-color:#0099CC; color:#FFFFFF; font-weight:bold; padding-top:2px; padding-bottom:2px;
}

.clear_float
{
clear:both;
}

/* Page Layout */
.container
{
width:1000px;background-color:#FFFFFF;margin-left:auto;margin-right:auto;
}

/* Header Layout */


.header
{
width:1000px;margin-bottom:18px; font-size:11px; margin-left:auto;margin-right:auto;
}

.HeaderNav
{
width:1000px; margin:0; padding:0; margin-left:auto; margin-right:auto;  height:30px
}
.header_config_menu
{
	float:right;
	padding-top: 25px;
	max-width:480px;
	margin-right:15px;
	color:#FFFFFF; 
}
.header_config_menu li
{
float:right;
margin-left:10px;
}
.header_config_menu li a, .header_config_menu li a:hover, .header_config_menu li a:visited
{
text-decoration:underline; color:#333333;
}
.header_logo_container
{
float:left; padding-left:5px;margin-bottom:10px;
}
.header_logo_container img
{
margin-top:5px
}

/* Main Menu */
.MainMenu
{
width:500px; padding-left:10px; height:30px; padding-bottom:0px
}
.MainMenu ul
{
padding:0px; margin:0px;width:500px;
}
.MainMenu li
{
padding:0px; margin:0px; float:left; margin-right:20px; font-size:14px; line-height:30px; height:30px; 
}
.MainMenu li p a, .MainMenu li p a:visited
{
color:#EEEEEE; font-weight:normal;padding-left:8px; padding-top:8px; padding-right:8px; padding-bottom:5px
}
.MainMenu  li.ActiveTab p a, .MainMenu  li.ActiveTab p a:visited, .MainMenu li p a:hover
{
color:#333333; background-image:url(../images/TopMenuBarTab.gif); background-repeat:repeat-x; text-decoration:none
}

/* Main Page layout */
.main
{
padding:0px; margin:0px;background-color:#FFFFFF; width:1000px; border:1px solid #CCCCCC; background-image:url(../images/themeMenuBorder.jpg); background-repeat:repeat-y; background-position:255px
}
.main_left
{
float:left;background-color:#FFFFFF;width:742px; margin-top:0px; margin-bottom:10px; padding-top:5px
}
.main_right
{
	float:left; width:252px; margin-right:5px; padding-top:10px
}

/* Main right */

.MainRightHeader
{
margin-bottom:7px;
}

/* Report pages */

.PageTop
{
background-image:url(../images/PageTop.jpg); background-repeat:no-repeat; background-position:top; height:0px; width:742px;
}
.PageContent
{
 background-repeat:repeat-y; min-height:500px;width:742px; padding-top:6px
}
.PageBottom
{
background-image:url(../images/PageBottom.jpg); background-repeat:no-repeat; background-position:top; height:0px; width:742px;
}
.PageChanger
{
margin-top:3px;line-height:15px; width:742px; float:right; padding-top:5px; padding-bottom:10px
}
.PageChanger img
{
vertical-align:middle
}
.PageChanger a
{
color:#333333;
}
.PageChanger .Back
{
float:left; width:200px; 
}
.PageChanger .Next
{
float:right; width:200px;
}
.LeftContent
{
float:left; width:412px; padding-left:10px;
}
.RightContent
{
float:left; width:290px; padding-right:10px; margin-left:10px;
}

/* BOTTOM LAYOUT */
.Bottom
{
 background-color:#333333; width:100%; border-top:2px solid #CCCCCC;  height:130px; color:#CCCCCC; margin-bottom:4px;font-size:11px; padding:10px; margin-top:20px
}
.Bottom a, .Bottom a:visited
{
color:#CCCCCC; font-weight:normal; text-decoration:none; 
}
.Bottom a:hover
{
color:#FFFFFF; font-weight:normal; text-decoration:underline;
}
.BottomNav
{
width:984px; margin-left:auto; margin-right:auto
}

.BottomNav .list
{
float:left; width:115px; margin-right:10px
}
.BottomNav .BottomLogo
{
float:right
}

/*Page inner content*/

.ReportHeader
{
margin-bottom:10px;
}
.ReportHeader h1
{
font-size:28px; font-weight:normal; letter-spacing:-1px
}
.ReportHeader h1 span.n10
{
letter-spacing:0px
}

.ReportInfo
{
margin-bottom:15px;
}
.ReportInfo .title
{
padding-bottom:4px; border-bottom:1px dotted #CCCCCC; height:16px; margin-bottom:8px
}
.ReportInfo .title .name
{
font-weight:bold; font-size:16px; float:left
}
.ReportInfo .title .edit
{
float:right
}
.ReportInfo .text
{
line-height:18px; min-height:120px;
}
.ReportInfo .text .empty
{
font-style:italic;
}


/*Ads container*/
.adsContainerRight
{
	margin-top:20px;
}

/*Page wizzard*/
.WizardHeaderBar
{
 margin:0px; padding:0px; float:left; margin-left:-10px; margin-top:7px; max-width:400px; height;31px; line-height:31px; color:#FFFFFF; font-weight:bold; background-image:url(../images/WizardHeaderBar.jpg); background-position:top right;background-repeat:no-repeat;margin-bottom:10px
}
.WizardHeaderBarContent
{
 margin:0px; padding:0px; padding-left:35px; width:400px;background-repeat:no-repeat; background-position:top left
}
.WizardHeaderBarContent p.WizardTitle
{
font-size: 18px; font-weight:normal; margin:0px; padding:0px
}
.WizardStepLabel
{
float:left; font-weight:bold; font-size:14px; width:150px;line-height:31px; margin-left:20px;margin-top:7px;
}
.questionnaireIntro
{
	font-size:12px; line-height:22px; width:600px;
}
.EmptyWizardInfo
{
padding-top:30px;
}
.EmptyWizardInfo p
{
font-size:12px; font-style:italic; text-align:center
}
.questionGroupQuestion
{
float:left; width:500px; height:250px; overflow: auto;
}
.questionGroupTooltip
{
float:right; width:260px; 
}
.questionGroupTooltip h2
{
font-weight:normal
}
.questionGroupTooltipContent
{
background-color:#EEEEEE; padding:5px; border-top:1px solid #333333; min-height:100px;
}
.questionGroupTooltipContent p
{
margin-bottom:4px; line-height:18px
}
.questionGroupMainQuestion
{
font-size:14px; margin-bottom:18px;
}
.questionGroupSubQuestion
{
font-size:12px; margin-bottom:6px; font-weight:bold; margin-top:18px;
}
.questionGroupProposedAnswer
{
font-size:12px; line-height:18px;
}
.relevanceArea
{
margin-top:8px
}
.relevanceSentence
{
font-size:10px
}


/*Report Page Details*/
.CatSticker
{
height:31px; width:150px; margin-left:-10px; margin-top:-10px; line-height:30px; background-color:#666666; color:#FFFFFF; font-weight:bold;background-repeat:no-repeat; padding-left:31px; padding-right:5px; margin-bottom:10px
}
.ThemeIntro
{
line-height:20px; font-size:14px; padding-top:0px; padding-bottom:0px; padding-right:0px; color:#199DBA;
}


/*Report Sentences*/
.ReportSentences li
{
border:1px solid #FFFFFF; padding:2px
}
.ReportSentences li:hover
{
border:1px dashed #CCCCCC; padding:2px
}
.ReportSentences .Title
{
font-weight:bold; font-size:14px; text-decoration:underline; margin-bottom:10px;
}
.ReportSentences .Item
{
background-image:position:3px 3px; padding-left:8px; padding-right:10px; margin-bottom:15px
}
.Item .Sentence
{
font-size:18px;cursor: move;line-height:26px
}

.Item .UserText
{
line-height:22px; margin-top:3px; font-size:12px
}
.EditActionText textarea
{
width:100%; height:150px; border:2px #199DBF solid
}

/*Relevant Themes Selection*/
.RelevantThemesExplaination
{
background-color:#EEEEEE; float:left; width:260px;font-size:12px; line-height:22px; height:350px; margin-top:20px; border-right:1px dotted #333333
}

.RelevantThemesList
{
float:left; width:260px; margin-left:20px; font-size:12px; 
}
.RelevantThemesListBoxes
{
height:300px; overflow: auto;
}
	
/*RatingBox*/

.RatingBox
{
background-repeat:no-repeat; height:142px; width:284px; margin-bottom:7px; margin-top:-9px; padding-top:15px; padding-left:3px; padding-right:13px
}
.RatingBox .Labels
{
font-size:10px; color:#999999;height:10px; padding:0px; text-align:center;
}
.RatingLabel
{
float:left;width:110px;
}
.RankingLabel
{
float:left;width:154px; 
}
.RatingBox .Rating
{
width:284px; padding-bottom:3px; margin-bottom:3px; border-bottom:1px solid #CCCCCC;padding-top:3px;
}
.RatingBox .Rating .Score
{
width:110px; height:70px;  float:left; text-align:center; font-size:40px; color:#FFFFFF; padding-top:20px; border-right:1px dotted #CCCCCC;
}
.RatingBox .Rating .Ranking
{
width:154px; float:left; padding-left:5px; padding-right:5px; height:90px;
}
.RatingBox .Rating .Ranking p
{
font-size:14px; line-height:26px;  border-bottom:1px dotted #CCCCCC
}
.RatingBox .Rating .Ranking p .rank
{
font-size:16px; font-weight:bold 
}

/*Add button*/

.AddButton
{
background-image:url(../images/AddButton.png); background-position:left top; background-repeat:no-repeat; padding-top:3px; height:30px; width:190px; padding-left:35px
}
.AddButton p
{
font-size:15px
}
.AddButton a
{
color:#333333;
}


/*Content box*/

.ContentBox
{
margin-bottom:7px;
}
.ContentBox  .title
{
font-size:16px; line-height:26px; background-color:#EDEFF4; padding:3px; border-top:1px dotted #000066 ; font-weight:bold; margin-bottom:7px
}
.ContentBox .title .name
{
font-weight:bold; font-size:14px; float:left
}
.ContentBox .title .edit
{
float:right; font-size:11px
}
.ContentBox .text
{
line-height:18px; min-height:50px;
}
.ContentBox .text .empty
{
font-style:italic;
}



/*Right Submenu*/

.RightSubMenu
{
 margin-bottom:15px;
}

.RightSubMenu p
{
 line-height:22px; font-size:12px;
}

.RightSubMenu .active
{
color:#FFFFFF; background-color:#000000; padding:4px; text-decoration:none
}
.RightSubMenu .inactive
{
 padding:4px;
}

/*Confirmation and refuse message after action on the top of the page*/
.actionconfirm
{
height:24px; font-size:12px; color:#FFFFFF; background-color:#009900; padding-top:7px; padding-left:7px;margin-bottom:5px;
}
.actionrefuse
{
height:24px; font-size:12px; color:#FFFFFF; background-color:#990000; padding-top:7px; padding-left:7px; margin-bottom:5px;
}


/*User list*/
.userlist
{
width:700px; padding-left:10px; padding-right:10px
}
.userlist .item
{
padding:5px; padding-bottom:5px; border-bottom:1px dotted #CCCCCC
}
.userlist .userpic
{
float:left; width:120px; margin-right:10px;
}
.userlist .description
{
float:left; width:285px; margin-right:10px
}
.userlist .info
{
float:left; width:280px
}
.userlist .commands
{
float:right; width:50px
}

/*Edit in line*/

.EditInLine
{
font-size:12px; font-weight:bold; height:15px;
}
.EditInLine .eip_editfield
{
width:250px
}
.EditInLine .text
{
padding:1px; border-bottom:1px dotted #CCCCCC
}
.EditInLine .action
{
font-size:11px; color:#0066CC; text-decoration:underline; padding-left:4px;
}
select.eip_editfield
{
width:150px
}
/* Edit in place styles*/
.eip_savebutton
{
background-color:transparent; border:none; padding:1px;color:#0033CC; text-decoration:underline; font-weight:bold; padding-top:2px; padding-bottom:2px; font-size:11px; 
}
.eip_cancelbutton
 {
 background-color:transparent; border:none; color:#0033CC; text-decoration:underline; font-weight:bold; padding-top:2px; padding-bottom:2px; font-size:11px;
}

.EditActionText textarea
{
	width: 300px;
}

/* -- Table Styles ------------------------------- */


.progressWrapper {
	width: 357px;
	overflow: hidden;
}

.progressContainer {
	margin: 5px;
	padding: 4px;
	border: solid 1px #E8E8E8;
	background-color: #F7F7F7;
	overflow: hidden;
}
/* Message */
.message {
	margin: 1em 0;
	padding: 10px 20px;
	border: solid 1px #FFDD99;
	background-color: #FFFFCC;
	overflow: hidden;
}
/* Error */
.red {
	border: solid 1px #B50000;
	background-color: #FFEBEB;
}

/* Current */
.green {
	border: solid 1px #DDF0DD;
	background-color: #EBFFEB;
}

/* Complete */
.blue {
	border: solid 1px #CEE2F2;
	background-color: #F0F5FF;
}

.progressName {
	font-size: 8pt;
	font-weight: 700;
	color: #555;
	width: 323px;
	height: 14px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
}

.progressBarInProgress,
.progressBarComplete,
.progressBarError {
	font-size: 0;
	width: 0%;
	height: 2px;
	background-color: blue;
	margin-top: 2px;
}

.progressBarComplete {
	width: 100%;
	background-color: green;
	visibility: hidden;
}

.progressBarError {
	width: 100%;
	background-color: red;
	visibility: hidden;
}

.progressBarStatus {
	margin-top: 2px;
	width: 337px;
	font-size: 7pt;
	font-family: Arial;
	text-align: left;
	white-space: nowrap;
}

a.progressCancel {
	font-size: 0;
	display: block;
	height: 14px;
	width: 14px;
	background-image: url(../images/cancelbutton.gif);
	background-repeat: no-repeat;
	background-position: -14px 0px;
	float: right;
}

a.progressCancel:hover {
	background-position: 0px 0px;
}