html,body {
	height: 100%;
}

html,body,div,ol,ul,li,h1,h2,h3,h4,h5,h6,p,form,fieldset {
  margin: 0;
  padding: 0;

}
body {
  //font: 12px Arial,Tahoma,sans-serif; /*75%*/
  font:83%/1.5 arial,tahoma,verdana,sans-serif;
  color: #444; /*#244;*/
  margin: 0;
  padding: 0;
  text-align: center;
}

/* GENERAL STYLES
------------------------------------------*/
h1, h2, h3, h4, h5, h6 {letter-spacing: -1px;font-family: arial,verdana,sans-serif;margin: 1.2em 0 .3em;color:#000;border-bottom: 1px solid #eee;padding-bottom: .1em}
h1 {font-size: 196%;margin-top:.6em}
hr {margin: 1em 0;background:#f2f2f2;height:1px;color:#f2f2f2;border:none;clear:both}

a {
  color: #17A;
  text-decoration: none;
}
a:hover, a:hover {
  color: #0099EA;
  text-decoration: underline;
}

a img {border:none;}

#container,#mainBody {
  width: 100%;
  height:inherit;
  margin: 0;
  padding: 0;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  position:relative;
}
#standoff{
  height:inherit;
  margin: 15px 25px 0 25px;

  text-align: left;
  position:relative;
}


/* HEADER
------------------------------------------*/
#header {
  background: #FAFEFF url(../images/header_background.gif) repeat-x;
  height: 87px;
}
#header img {
  margin: 0px 0 0 20px;
}

/* MAIN NAVIGATION
------------------------------------------*/
#navigation {
  background: #FAFEFF url(../images/nav_1_bg.gif) 0 3px repeat-x;
  height: 30px;
}
#navigation ul, #sub_navigation span, #sub2_navigation span {
  margin-left: 24px;
}
#navigation li {
  list-style: none;
  display: inline;
}
#navigation a {
  float: left;
//  height: 30px;
  
  text-decoration: none;
  padding: 0px 30px 0px 30px;
  line-height: 30px;
  
  font-family: tahoma,arial,verdana,sans-serif;
  font-size: 84%;
  font-weight:600;
  color:#FAFEFF;
}
#navigation .selected a, #navigation a:hover {
  border-top: 3px solid #C6387C;
  line-height: 26px;
  font-size: 86%;
 }
#navigation span {
  float: left;
  background: url(../images/nav_1_sep.gif) 0 3px no-repeat;
  width: 1px;
  height: 30px;
}

/* SUB NAVIGATION
------------------------------------------*/
#sub_navigation {
  background: #FAFEFF url(../images/nav_2_bg.gif) top left repeat-x;
  height: 30px;
}

#sub_navigation ul {
  float: left;
	list-style: none;
}
#sub_navigation li {
  float: left;
	list-style: none;
}

#sub_navigation a {
  background: url(../images/nav_2_sep.gif) right no-repeat;
  float: left;
  text-decoration: none;
  padding: 6px 20px 6px 20px;
  
  font-family: tahoma,arial,verdana,sans-serif;
  font-size: 80%;
  color:#000000;
}
#sub_navigation .selected a{
	 color:#4E4149;
}

#sub_navigation span {
  float: left;
  background: url(../images/nav_2_sep.gif) top no-repeat;
  width: 1px;
  height: 30px;
}
#sub_navigation a:hover, #sub_navigation .selected a {
  background-color: #F1C0D9;
  color: #000000;
  height: 18px;
}

/* SUB 2 NAVIGATION
------------------------------------------*/
#sub2_navigation {
  background: #FAFEFF url(../images/nav_3_bg.gif) top left repeat-x;
  height: 30px;
  
}
#sub2_navigation ul {
  float: left;
	list-style: none;
}
#sub2_navigation li {
  float: left;
	list-style: none;
}
#sub2_navigation a {
  background: url(../images/nav_3_sep.gif) right no-repeat;
  float: left;
  text-decoration: none;
  padding: 6px 20px 6px 20px;
  
  font-family: tahoma,arial,verdana,sans-serif;
  font-size: 80%;
  color:#000000;
}
#sub2_navigation span {
  float: left;
  background: url(../images/nav_3_sep.gif) top no-repeat;
  width: 1px;
  height: 30px;
}
#sub2_navigation a:hover, #sub2_navigation .selected a {
  background-color: #ECECEC;
  color: #000000;
  height: 18px;
}


#logout_panel {
  background: url(../images/logout_panel.gif) no-repeat;
  float: right;
  margin: 18px 24px 0 0;
  padding: 5px 0 0 6px;
  height: 65px; /*40*/
  width: 250px; /*169*/
  display: inline;
  font-size: 70%;
}
#logout_panel span, span.name{
 font-family: tahoma,arial,verdana,sans-serif;
 display:block;
}
#logout_panel span.name{
 font-weight:bold;
}
#logout_panel a {
 display: block;
 margin-left:5px;
 font-size: 110%;
 font-weight:bold;
 text-align:left;
}

	.featurebox {color:#333;padding: 5px 20px 20px;border-top: 1px solid #380062;margin: 0 0 1.5em;background: #F5E9EE url("images/featurebox_pink2_bg.gif") no-repeat 100% 100%; font-size:90%}
	.featurebox p, .featurebox h1, .featurebox h2, .featurebox h3, .featurebox h4, .featurebox h5, .featurebox h6 {margin: 0 0 .3em;border-bottom: 1px solid #c00;color:#c00}
	.featurebox p {border:none;margin: 0 0 1em;color:#444}
	.featurebox a {font-weight:bold}

	.commentbox {color:#333;padding: 5px 20px 20px;border-top: 1px solid #380062;margin: 0 1.5em 1.5em;background: #F5E9EE url("images/featurebox_pink2_bg.gif") no-repeat 100% 100%; font-size:90%}
	.commentbox p, .commentbox h1, .commentbox h2, .commentbox h3, .commentbox h4, .commentbox h5, .commentbox h6 {margin: 0 0 .3em;border-bottom: 1px solid #c00;color:#000}
	.commentbox p {border:none;margin: 0 0 1em;color:#444}
	.commentbox a {font-weight:bold}

/* FORMS */
form {margin: 0 0 1.5em}
input {font-family: tahoma,arial,verdana,sans-serif; margin: 2px 0}
textarea {font-family: tahoma,arial,verdana,sans-serif;margin: 2px 0}
fieldset {border: none}
label {display:block;padding: 5px 0}
label br {clear:left}

	/* FORMS - general classes */
	input.f-submit {padding: 1px 3px;background:#C5357A;color:#fff;font-weight:bold;font-size:96%}
	input.smaller-submit {margin: 0 0; padding: 1px 1px;background:#C5357A;color:#fff;font-weight:normal;}
	
	/* FORMS - HEADING */
	.formHeading{
		color:#fff;
		background: #C22A72 url("../images/nav_1_bg.gif") 0 0 repeat-x; 
		padding: 2px 10px;
		font-family: tahoma,arial,verdana,sans-serif;
		font-size: 100%;
		font-weight:600;
	}
	.formTextStatusHeading{
		color:#fff;
		background: #C22A72 url("../images/nav_2_bg.gif") 0 0 repeat-x; 
		padding: 2px 10px;
		font-family: tahoma,arial,verdana,sans-serif;
		font-size: 80%;
		font-weight:600;
	}
	
	/* FORMS - f-wrap-1 - simple form, headings on left, form elements on right */
	form.f-wrap-1 {width:100%;padding: 0 0; text-align:left;
	background: #f5e9ee url("images/featurebox_pink2_bg.gif") no-repeat 100% 100%;
	border-top: 1px solid #d7d7d7;position:relative}
		form.f-wrap-1 fieldset {width:auto;margin: 0 1em}
		form.f-wrap-1 h3 {margin:0 0 .6em;font: bold 155% arial;color:#c00}
		form.f-wrap-1 label {clear:left;float:left;width:100%;border-top: 1px solid #fff}
		
		/* hide from IE mac \*/
		form.f-wrap-1 label {float:none}
		/* end hiding from IE5 mac */
	
		form.f-wrap-1 label input, form.f-wrap-1 label textarea, form.f-wrap-1 label select {width:15em;float:left;margin-left:10px}
		
		form.f-wrap-1 label b {float:left;width:8em;line-height: 1.7;display:block;position:relative}
		form.f-wrap-1 label b .req {color:#c00;font-size:150%;font-weight:normal;position:absolute;top:-.1em;line-height:1;left:-.4em;width:.3em;height:.3em}
		form.f-wrap-1 div.req {color:#666;font-size:96%;font-weight:normal;position:absolute;top:.4em;right:.4em;left:auto;width:13em;text-align:right}
		form.f-wrap-1 div.req b {color:#c00;font-size:140%}
		form.f-wrap-1 label select {width: 15.5em}
		form.f-wrap-1 label textarea.f-comments {width: 20em}
		form.f-wrap-1 div.f-submit-wrap {padding: 5px 0 5px 8em}
		form.f-wrap-1 input.f-submit {margin: 0 0 0 10px}
		
		form.f-wrap-1 fieldset.f-checkbox-wrap, form.f-wrap-1 fieldset.f-radio-wrap {clear:left;float:left;width:32em;border:none;margin:0;padding-bottom:.7em}
		form.f-wrap-1 fieldset.f-checkbox-wrap b, form.f-wrap-1 fieldset.f-radio-wrap b {float:left;width:8em;line-height: 1.7;display:block;position:relative;padding-top:.3em}
		form.f-wrap-1 fieldset.f-checkbox-wrap fieldset, form.f-wrap-1 fieldset.f-radio-wrap fieldset {float:left;width:13em;margin: 3px 0 0 10px}
		form.f-wrap-1 fieldset.f-checkbox-wrap label, form.f-wrap-1 fieldset.f-radio-wrap label {float:left;width:13em;border:none;margin:0;padding:2px 0;margin-right:-3px}
		form.f-wrap-1 label input.f-checkbox, form.f-wrap-1 label input.f-radio {width:auto;float:none;margin:0;padding:0}
		
		form.f-wrap-1 label span.errormsg {position:absolute;top:0;right:-10em;left:auto;display:block;width:16em;background: transparent url(images/errormsg_bg.gif) no-repeat 0 0}
		form.f-wrap-1 label span.errormsg b {padding: 10px 0;margin: 0 10px 0 30px;color:#B30800;font-weight:bold;display:block;width:auto;float:none;line-height:1.3}
	
/* FORMS - f-wrap-2 - simple form, headings on left, form elements on right */
	form.f-wrap-2 {width:100%;padding: 0 0; text-align:left;
	background: #f5e9ee url("images/featurebox_pink2_bg.gif") no-repeat 100% 100%;
	border-top: 1px solid #d7d7d7;position:relative}
		form.f-wrap-2 fieldset {width:auto;margin: 10px; 1em}
		form.f-wrap-2 h3 {margin:0 0 .6em;font: bold 155% arial;color:#c00}
		form.f-wrap-2 label {clear:left;float:left;width:100%;border-top: 1px solid #fff;font: bold 90% arial;}
		
		/* hide from IE mac \*/
		form.f-wrap-2 label {float:none}
		/* end hiding from IE5 mac */
	
		form.f-wrap-2 label input, form.f-wrap-2 label textarea, form.f-wrap-2 label select, form.f-wrap-2 label select.optional {width:15em;float:left;margin-left:10px; font-size:90%; font-family:tahoma,arial,verdana,sans-serif; font-weight:normal;}
		form.f-wrap-2 label select.optional {width:29em}
		
		form.f-wrap-2 label b {float:left;width:12em;line-height: 1.7;display:block;position:relative}
		form.f-wrap-2 label b .req {color:#c00;font-size:150%;font-weight:normal;position:absolute;top:-.1em;line-height:1;left:-.4em;width:.3em;height:.3em}
		form.f-wrap-2 div.req {color:#666;font-size:96%;font-weight:normal;position:absolute;top:.4em;right:.4em;left:auto;width:13em;text-align:right}
		form.f-wrap-2 div.req b {color:#c00;font-size:140%}
		form.f-wrap-2 label select {width: 15.5em}
		form.f-wrap-2 label textarea.f-comments {width: 20em}
		form.f-wrap-2 div.f-submit-wrap {padding: 5px 10px 5px 0; text-align:right;}
		form.f-wrap-2 input.f-submit {margin: 0 0 0 10px}
		
		form.f-wrap-2 fieldset.f-checkbox-wrap, form.f-wrap-2 fieldset.f-radio-wrap {clear:left;float:left;width:32em;border:none;margin:0;padding-bottom:.7em}
		form.f-wrap-2 fieldset.f-checkbox-wrap b, form.f-wrap-2 fieldset.f-radio-wrap b {float:left;width:8em;line-height: 1.7;display:block;position:relative;padding-top:.3em}
		form.f-wrap-2 fieldset.f-checkbox-wrap fieldset, form.f-wrap-2 fieldset.f-radio-wrap fieldset {float:left;width:13em;margin: 3px 0 0 10px}
		form.f-wrap-2 fieldset.f-checkbox-wrap label, form.f-wrap-2 fieldset.f-radio-wrap label {float:left;width:13em;border:none;margin:0;padding:2px 0;margin-right:-3px}
		form.f-wrap-2 label input.f-checkbox, form.f-wrap-2 label input.f-radio {width:auto;float:none;margin:0;padding:0}
		
		form.f-wrap-2 label span.errormsg {position:absolute;top:0;right:-10em;left:auto;display:block;width:16em;background: transparent url(images/errormsg_bg.gif) no-repeat 0 0}
		form.f-wrap-2 label span.errormsg b {padding: 10px 0;margin: 0 10px 0 30px;color:#B30800;font-weight:bold;display:block;width:auto;float:none;line-height:1.3}
		
		form.f-wrap-2 label .thumbnail {display:block;margin: 0 0 0 10px;float:left;border: 1px solid #eee;width:100px;padding:5px;background:#fff}
		form.f-wrap-2 label .thumbnail img {border: 1px solid #000}

/* TYPOGRAPHY */
p {margin: 0 0 1.5em}
h1, h2, h3, h4, h5, h6 {letter-spacing: -1px;font-family: arial,verdana,sans-serif;margin: 1.2em 0 .3em;color:#000;border-bottom: 1px solid #eee;padding-bottom: .1em}
h1 {font-size: 196%;margin-top:.6em}
h2 {font-size: 136%}
h3 {font-size: 126%}
h4 {font-size: 116%}
h5 {font-size: 106%}
h6 {font-size: 96%}
.highlight {color:#E17000}
.subdued {color:#999}
.error {color:#c00;font-weight:bold}
.success {color:#390;font-weight:bold}
.caption {color:#999;font-size:11px}
.date {font: bold 82% arial;color:#bbb;display:block;letter-spacing: 1px}
small {font-size:11px}

/* TABLES */
	.table1 {border: 2px solid #900;border-collapse:collapse;width:95%}
		.table1 td {background: #fff url("images/sprites.gif") repeat-x 0 -1600px;padding:3px;border: 1px solid #fff}
		.table1 th {text-align:left;border: 1px solid #fff}
		.table1 thead th {color:#fff;font-size:145%;background: #900 url("images/sprites.gif") repeat-x 0 -1300px;padding: 10px 6px}
		.table1 tbody th {color:#fff;font-size:115%;background: #88b8db url("images/sprites.gif") repeat-x 0 -1400px;padding: 6px}
		.table1 tbody th.sub {font-size:100%;color:#000;background: #efefef url("images/sprites.gif") repeat-x 0 -1500px;padding: 6px}
		.table1 select, .table1 input, .table1 textarea {width:15em;float:left;margin-left:10px; font-size:80%; font-weight:normal;}
		
	.table2 {border: 2px solid #900;border-collapse:collapse;width:95%}
		.table2 td {background: #fff url("images/sprites.gif") repeat-x 0 -1600px;padding:3px;border: 1px solid #fff}
		.table2 th {text-align:left;border: 1px solid #fff}
		.table2 thead th {color:#fff;font-size:115%;background: #900 url("images/sprites.gif") repeat-x 0 -1300px;padding: 10px 6px}
		.table2 tbody th {color:#fff;font-size:100%;background: #88b8db url("images/sprites.gif") repeat-x 0 -1400px;padding: 3px}
		.table2 tbody th.sub {font-size:100%;color:#000;background: #efefef url("images/sprites.gif") repeat-x 0 -1500px;padding: 6px}
		.table2 select, .table2 input {width:15em;float:left;margin-left:5px; font-size:80%;}


.panel {
	margin:1em 0;
	padding:0 0.5em;
	border:1px solid #98be10;
	background:#f6feda;
}


#questionPanel {
	float:left;
	background: url("images/sidePanel_left_blue.gif") 0 0 repeat-y; 
	min-height:100%;
	
	width:188px;
	padding: 2px 0px;
	font-family: tahoma,arial,verdana,sans-serif;
	
	
	  height:inherit;
  position:relative;
}

#questionPanel h1, h2 {
	margin-top:0.5em;
}

#questionPanel ul {
	list-style: none;
}
#questionPanel li {
	list-style: none;
	border-right: 6px solid #999999;
	border-bottom: 1px solid #EEEEEE;
}

#questionPanel h2{
	padding: 8px 5px 8px 8px;
}
#questionPanel a
{
	display: block;
	padding: 8px 5px 8px 10px;
	text-decoration: none;
	height: 20px;
	font-size: 80%;
}

#questionPanel a:hover{
  background-color: #E5FAFA;
  color: #3F5A3F;
}
#questionPanel .selected a {
  background-color: #CBF6F6;
  color: #3F5A3F;
  
}


#progressUserPanel {
	float:left;
	background: url("images/sidePanel_left_blue.gif") 0 0 repeat-y; 
	min-height:100%;
	width:188px;
	padding: 2px 0px;
	font-family: tahoma,arial,verdana,sans-serif;
}

#progressUserPanel h1, h2 {
	margin-top:0.5em;
}

#progressUserPanel ul {
	list-style: none;
}
#progressUserPanel li {
	list-style: none;
	border-right: 6px solid #999999;
	border-bottom: 1px solid #EEEEEE;
}

#progressUserPanel h2{
	padding: 8px 5px 8px 8px;
}
#progressUserPanel a
{
	display: block;
	padding: 4px 5px 8px 10px;
	text-decoration: none;
	height: 10px;
	font-size: 80%;
}

#progressUserPanel a:hover{
  background-color: #E5FAFA;
  color: #3F5A3F;
}
#progressUserPanel .selected a {
  background-color: #CBF6F6;
  color: #3F5A3F;
  
}


#content {}
#sidebar {position:absolute; top:54px;left:720px;width:20%;border-top: 3px solid #380062;padding-top: 1px;padding-bottom: 40px}
#sidebarClear {position:absolute; top:54px;left:720px;}

#loading
{
	visibility:hidden;
	display:block;
	position:absolute;
	left:350px;
	top:90px;
	width:200px;
	height:120px;
	//filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90;
	border: 1px solid #000;
	background: #DDF3F9 url("images/spinner1.gif") no-repeat 80px 10px;
	z-index:9;
}

#loadingIframe
{
	visibility:hidden;
	display:block;
	position:absolute;
	left:350px;
	top:90px;
	width:202px;
	height:122px;
	z-index:8;
}

#loading div.primary { margin:0 10px 0px 10px; font-size:80%; text-align:center; }
#loading div.secondary { margin:0 10px 5px 10px; font-size:70%;text-align:center;}
/***code below added by Vishal****/
.dropImageHighlight { background-color:#95D012 !important }

ul .imageLibraryPanel {height:300px;}
.imageLibraryPanel li {
padding:10px 0px 0px 0px;
list-style:none; width:100px;
}
/***EO code below added by Vishal****/