/* Styles for whoami & questions */
div#widget_container			{ padding: 2em 2em 2em 3em; z-index:0; }

/* For width */
.container						{/*z-index:0;*/ width:90%}
.container .object 				{margin-bottom:0.5em; z-index: 0}
.container .object OBJECT		{z-index:0;}
.container h1					{color:#567384; margin: 1em 0; }
div.width_slider_container		{float: left; display: block; width: 610px; font-size:12px;  }
div.width_slider				{position: relative; width: 410px;  cursor: e-resize; margin-left:250px; }
img.width_picker				{position: absolute; top: 2px; left: 4px; z-index: 1; margin-left: -12px;
								 background-image: url(/i/common/slider/picker2.png);
								 -background-image: none;
								 -filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/picker2.png", sizingMethod="crop");
								 }
img.up							{top: -20px; left: 4px; margin-left: -12px;  background-image: url(/img/picker3.png);}
   .option100					{font-size:0.9em; margin:1.2em 0em;  }
   
/* For color */   
div.widget_color_slider_container	{ display: block; /*width: 143px;*/ position:relative; margin:1.9em 0; margin-top:1em}
div.widget_color_slider				{ position: relative; width: 143px;  cursor: pointer; }
img.widget_color_picker				{ position: absolute; top: 4px; left: 4px; z-index: 1; margin-left: -6px;
									  background-image: url(/i/common/slider/picker2.png); 
									 -background-image: none;
									 -filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/picker2.png", sizingMethod="crop"); 
									  }

.widget_container .embed_container 				{padding: 2em 0; padding-top:0; position:relative; width:100%}


.embed_container textarea {
	border: 1px solid #CCC;
	color:#666;
	font-size:12px;
	position:relative;
	/*margin-top:-0.5em;*/
	padding-left:2px;
	padding-right:2px;
	margin-left:-12px;
	width:200px;
}
.embed_container  img {
	float:left;
	position:relative;
	vertical-align:middle;
	left:-18px;
}

#ruler {
	position: absolute;
	z-index:10;
	font-size: 0.9em;
	display:block;
	left:0;
}
H2 {color:#b9361a; font-size:1.4em; margin-bottom: 0.7em; white-space: nowrap;}

/* Styles for countdown */
.invisible {display:none}
.grey 	   {color:#888}

TABLE.widget_editor {}
TABLE.widget_editor TD {vertical-align: top; padding: 2em 1em 2em 0em;}
TABLE.widget_editor H2 {color:#b9361a; font-size:1.4em; margin-bottom: 0.7em; white-space: nowrap;}

TABLE.widget_editor .text 		{line-height:1.7em}
TABLE.widget_editor .text INPUT {width:90%;}
TABLE.widget_editor .text SMALL {font-size: 0.9em}
TABLE.widget_editor .text P		{margin: 0; padding: 0; margin-top:1em }
TABLE.widget_editor .text A		{border-bottom: dashed 1px; cursor:pointer;}

TABLE.widget_editor .date		{position:relative; //position:inherit;}
TABLE.widget_editor .date P 	{line-height: 1.5em; margin-bottom: 0.8em; }
TABLE.widget_editor .date SPAN	{color:#777}
TABLE.widget_editor .date BUTTON {}
TABLE.widget_editor .date INPUT {width: 3em; margin-left: 0.2em; text-align: center;}

TABLE.widget_editor .format	P	{line-height: 1.7em; font-size:0.95em}

TABLE.widget_editor .widget_color_slider DIV {margin-top:0.02em}

TABLE.widget_editor .embed_code DIV {float:left; position:relative; margin-left:auto; margin-right:auto; width:200px; margin-top: 0.5em}
TABLE.widget_editor .embed_code TEXTAREA {
		border: 1px solid #CCC; color:#666; font-size:12px; margin-top:-0.5em; padding-left:2px; padding-right:2px; position:absolute; left:0; width:200px;
}
TABLE.widget_editor .embed_code IMG {float:left; position:relative; vertical-align:middle; left:-18px; top:-5px; }

/* Calendar */
#calendar {border:1px solid #AAA; background:#FFF; font-size:12px; font-family:Arial; position:absolute; z-index:5;  }
#calendar td {padding:2px 2px; text-align:center}
#years	 {background-color:#EEE}
#years td	 {padding-top:5px;}
#months	 {background-color:#EEE}
#months td {padding-bottom:8px;}
#calendar y,m {white-space:nowrap}

#calendar div.l {width:16px; height:16px; background:url(/img/tr_left.gif) left center no-repeat; cursor:pointer; margin-right:auto; margin-left:3px; }
#calendar div.r {width:16px; height:16px; background:url(/img/tr_right.gif) left center no-repeat; cursor:pointer;  margin-left:auto;  margin-right:3px;}
#calendar input {width:40px; height:12px; text-align:center; font-size:12px; font-family:Arial;}
#calendar input, span {}

#calendar .d {background:#FFF; //padding-bottom:10px}
#week, #days {display:block; }
#week, #days div {margin-top:5px; margin-bottom:4px;  margin-right:1px; width:18px; float:left; -margin-right:0px; }
#days a, #week span {display:block; float:left; width:12px; height:12px; cursor:pointer; font-size:11px; margin:2px; padding:1px; text-align:right;  -padding:0;}
#week {margin-right:0;}

#days span {display:block; float:left; width:12px; height:12px; font-size:11px; margin:2px; padding:1px; -padding:0;}
#week span {color:#555; cursor:default; text-align:left;}
#days a:hover {background-color:#EAEAEA}