v\:* {behavior: url(#default#VML);}

/* ************************************** */
/* Redefine HTML elements                 */
/* ************************************** */
BODY {
	FONT-SIZE: 80%; FONT-FAMILY: Verdana, Helvetica, Arial;
	BACKGROUND: #fff;
	MARGIN: 3px;  
	height:100%; 
}
table { 
	font-size: 1em; margin-top: 0px; padding-top:0px; 
}
form { 
	margin: 0; padding: 0; 
}
input,textarea {
   font-size: 100%; background-color: #ECF2FF;
}
h1 {
	font-size: 125%; color: #900; padding-bottom: 0px; margin-bottom: 0px;
}
h2 {
	font-size: 110%; color: #099; padding-bottom: 0px; margin-bottom: 0px;
}
th { text-align:left; padding-right:1.5em; }
td { padding-right:1.5em; }

/* ************************************** */
/* Definitions for ID's - generally divs  */
/* ************************************** */
#help { 
	font-size:85%; 
}
#options-base_div, #options-inlaysmain_div, #options-gemstone_div, #options-buyring_div,  
#options-topinlay_div,  #options-middleinlay_div,  #options-bottominlay_div { 
	PADDING-BOTTOM: 20px;
}
#formDiv { 
	display: none; 
}
#startingDiv {
	width:100%; height:100%; background-color:white; overflow: auto; 
}
#ring {
	float: left;
	width: 550px;
	PADDING-BOTTOM: 0px;
	position:absolute;
	top: 300px;
	left: 12px;
}
#options { 
	float: left; width: 600px; height: 250px; overflow: hidden; border: 1px #369 solid; font-size:85%; background-color: #C4D7FF
}

#help-information_div, #help-generalhelp_div, #help-savering_div, #help-loadring_div { 
	height: 250px; overflow: auto; padding-left: 5px;
}
#messageDiv { 
	padding-left: 10px; width: 600px; height: 40px; padding-right: 10px; margin-right:50px; 
}
#rightColumnDiv {	
	float: right; 	border: 1px solid #369; 
}
#header {
	height: 69px; background: #099 url(/design/images/logo02.gif); background-repeat: no-repeat; border-bottom: 2px ridge #900;
}
#footer {
	background: #099; border-top: 2px ridge #900; height:10px;
}
#help-information_div img, #help-generalhelp_div  img, #help-savering_div  img, #help-loadring_div  img { 
	float: left; padding: 2px; border: 1px solid #333; 
}
#invalid {
	height:85%; width:100%; vertical-align:center;
}
/* The special div used to display the tool tip */
#ToolTip{
	position:absolute; 
	width: auto; top: 1px; left: -3px; 
	z-index:4; 
	visibility:hidden;
	border:		1px Solid WindowFrame;
	background:	Infobackground;
	color:		InfoText;
	padding:	3px;
	filter:		progid:DXImageTransform.Microsoft.Shadow(color="#777777", Direction=135, Strength=3);
}
#minimise_help_button a, #maximise_help_button a, #undo_button a { 
	text-decoration: none;
	vertical-align: super;
	color: #ccc;
	padding-right: 0.4em; 
	font-size: 80%;
}
#LoadingDivDots { 
	border: 2px #C0D6FA solid; 
	background-color: #DCE8FC; 
	line-height: 10px; 
	width: 99%; 
	color:#fff; 
	font-weight: bold;
	padding-top:0px; 
	margin-top:0px; 
	text-align:right;
}
#startingDiv_rightContent {
	position:absolute; 
	left:615px; 
	top:70px;
	/*overflow:auto;*/
}
#startingDiv_leftContent {
	width:600px; 
	position:absolute; 
	left:0px; 
	top:70px;
}

#startingDiv {
	width:100%;
}
#power_informationDiv {
 display:none;
}

#onlinehelp {
 float:right;
 clear:right;
 font-size:80%;
}

/* ************************************** */
/* The tabs system                        */
/* ************************************** */
.tabs {
	background-color: #009999; font-weight:bold;
}
.tabs ul {
	font-size: 1em;
	list-style-type: none;
	padding-bottom: 24px;
	border-bottom: 1px solid #666;
	margin: 0;
	clear: left;
}
.tabs ul li {
	float: left;
	background-color: #990000;
	margin: 2px 2px 0 2px;
	border: 1px solid #666;
}
.tabs ul li a {
	float: left;
	display: block;
	text-decoration: none;
	padding: 4px;
	color: #fff;
}
.tabs a:hover {
	color: orange;
}
.tabs li.selected a:hover {
	color: #000;
}
.tabs li.selected {
	border-bottom: transparent;
}
.tabs li.selected a {
	background-color: #C4D7FF;
	font-size: 1.1em;
	color: #000;
}
#tablist3 li.selected {
	background-color: #fff !important; 
	color: #333 !important;
	border-bottom: transparent;
}
#tablist3 li.selected a {
	background-color: #fff !important; 
}

/* ************************************** */
/* Our own classes */
/* ************************************** */
.warn {
	color: #990000;
}
.error {
	color: #fff; background: red; font-weight: bold;
}
.info {
	color: #000099;
}
.drag{
	position:relative;cursor:move
}
.move{
	position:relative;cursor:move
}
.resizes{
	position:relative;cursor:s-resize
}
.resizen{
	position:relative;cursor:n-resize
}
.resizee{
	position:relative;cursor:e-resize
}
.resizew{
	position:relative;cursor:w-resize
}
.hand{
	position:relative;cursor:hand
}
.UI_optionstable { 
	background:	transparent; 
}
.UI_optionstable td { 
	padding:	1px; 
}
.UI_optionstable input { 
	text-align:	left; 
}
.NoBorder { 
	border-style: none 
}
.button { 
	background: #ccc; border: 1px solid #333; text-decoration: none; vertical-align:top; padding:2px; margin:5px;
}
/* Go to top hyperlinks - used in help */
.top { 
	float: right;
}
.top a { 
	color: blue; text-decoration: none; 
}
.top a:hover { 
	color: #900; 
}
#buy_buybutton { 
	font-weight: bolder; font-size:110%;
}
/* End of top hyperlinks style definitions */

.my_designs_head { font-weight:bold; font-size: 1.1 em; padding-right:1em; background-color: #C4D7FF; line-height:1.7em; }
.my_designs_even {background-color: #F4F8FF; border-top: 1px solid #C4D7FF; border-bottom: 1px solid #C4D7FF; }
.my_designs_odd { }
.my_designs_footer {border-top: 1px solid #C4D7FF; border-bottom: 1px solid #C4D7FF; background-color: #f5f5f5;  }

.message_type_0 { color: red; font-weight: bold; }
.message_type_1 { color: navy; }

.bar { background-color: blue; line-height: 10px; float: left; }

span a {
    background-repeat: no-repeat;
 	 font-weight: bolder;
}
span.locked_design a {
   padding-left: 20px;
   background-image: url(/design/images/icon_locked.gif);
}