﻿html, body
{
	height: 100%;
	padding: 0;
	margin: 0;
}
body
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #333333;
}
h1
{
	font-size:1.5em;
	margin: 0;
	padding: 0;
	font-weight:normal;
	font-family:Tahoma;
	color:#666666;
}

img
{
	border: none;
}
table
{
	width: 100%;
}
input
{
	/*width:200px;*/
	padding: 3px;
}

select
{
	/*width:210px;*/
	padding: 3px;
}
textarea
{
	/*width:200px;*/
	padding: 3px;
	font-family: Arial, Helvetica, sans-serif;
}
a
{
	color: #333333;
}
a:active, visited
{
	color: #000000;
}
a:hover
{
	color: #666666;
}
td
{
	vertical-align: top;
}
#Header
{
	height: 107px;
	background: url(images/header-back.gif) repeat-x bottom left;
}
#Header img
{
	float: left;
}

#Header a.grc {
float:right;
position:relative;
border:0px;
top:7px;
background:none;

}
#Header a.grc:hover {
float:right;
position:relative;
border:0px;
top:7px;
background:none;

}
#Header1 a
{
	float: left;
	display: block;
	padding: 3px 10px 3px 10px;
	margin: 0px 5px;
	border: 1px solid #d4d4d4;
	background: url(images/button-back.gif) repeat-x bottom left;
	position: relative;
	top: 30px;
	background-color: #ffffff;
	text-decoration:none;
}
#Header1 a:hover
{
	background-color: #f5f5f5;
	color: #000000;
	border: 1px solid #656565;
	border-color: #d4d4d4 #656565 #656565 #d4d4d4;
}

.Error
{
	padding: 10px;
	border: 1px solid #e5e5e5;
	color: red;
	position: relative;
	top: -2px;
	margin: 0 5px 0 0;
	background: #ffffe0 url(images/i.gif) no-repeat right bottom;
}
.Info
{
	padding: 10px;
	border: 1px solid #e5e5e5;
	color: green;
	position: relative;
	top: -2px;
	margin: 0 5px 0 0;
	background: #ffffe0 url(images/i.gif) no-repeat right bottom;
}
#ContainerTable
{
	width: 100%;
}
#ContainerTable td.RightContent
{
	width: 250px;
	color: #666666;
	border-left: 1px solid #e4e4e4;
	padding: 0 20px;
}
.design-elm-holder
{
	position: relative;
}
#ContainerTable td.RightContent img.design-elm
{
	position: absolute;
	left: -21px;
	top: -39px;
}

#Footer
{
	border-top: 1px solid #e4e4e4;
	color: #999999;
	padding: 5px 5px 5px 35px;
	margin: 15px 0;
	font-size: 100%;
}
.fieldTitle
{
	text-align: right;
	font-weight: bold;
	white-space: nowrap;
}
.fieldValue
{
	border: 1px solid #d4d4d4;
	width: 100%;
	
}


.fieldValueDate
{
	border: 1px solid #d4d4d4;
	width:100px;
}

.helpText
{
	color: #666666;
	
	margin: 2px 0 0 0;
	padding-left: 8px;
	background: url(images/a.gif) left top no-repeat;
}
h2
{
	
	font-size:1.2em;
	margin:0;
	padding:0;
	
	
	
}
.Submit
{
	padding: 2px;
	width: 15%;
	margin: 0 0 0 35%;
}
#ContainerDiv
{
	padding: 5px 30px 5px 40px;
}
.ContainerDiv
{
	padding: 5px 30px 5px 40px;
}
#ContainerTable td.MainContainerTD
{
	padding: 5px 10px 5px 30px;
}
#ContainerTable td.MainContainerTD table
{
	margin-bottom: 10px;
}
#ContainerTable td.MainContainerTD table td
{
	padding: 5px;
}
#ContainerTable td.MainContainerTD table td.fieldTitle
{
	padding-top: 5px;
}
#ContainerTable td.MainContainerTD table td.fieldValue
{
	background-color: #f5f5f5;
}

#ContainerTable td.MainContainerTD table td.fieldValue table td.fieldValue
{
	background-color: #FFFFFF;
}
#ContainerTable td.MainContainerTD table td.fieldValue table td.fieldValue table td.fieldValue
{
	background-color: #f5f5f5;
}

#ContainerTable td.MainContainerTD table td.fieldValue table td.fieldValue table td.fieldValue table td.fieldValue
{
	background-color: #FFFFFF;
}


#ContainerTable td.MainContainerTD table td.fieldValue table td.fieldValue table td.fieldValue table td.fieldValue table td.fieldValue
{
	background-color: #f5f5f5;
}



#ContainerTable td.MainContainerTD table td.fieldValue table td.fieldValue table td.fieldValue table td.fieldValue table td.fieldValue table td.fieldValue
{
	background-color: #FFFFFF;
}

#ContainerTable td.MainContainerTD table td.fieldValue table td.fieldValue table td.fieldValue table td.fieldValue table td.fieldValue table td.fieldValue table td.fieldValue
{
	background-color: #f5f5f5;
}

#ContainerTable td.MainContainerTD table td.fieldValue table td.fieldValue table td.fieldValue table td.fieldValue table td.fieldValue table td.fieldValue table td.fieldValue table td.fieldValue
{
	background-color: #FFFFFF;
}

#ContainerTable td.MainContainerTD table td.fieldValue table td.fieldValue table td.fieldValue table td.fieldValue table td.fieldValue table td.fieldValue table td.fieldValue table td.fieldValue table td.fieldValue
{
	background-color: #f5f5f5;
}

#ContainerTable td.MainContainerTD table td.fieldValue table td.fieldValue table td.fieldValue table td.fieldValue table td.fieldValue table td.fieldValue table td.fieldValue table td.fieldValue table td.fieldValue table td.fieldValue
{
	background-color: #FFFFFF;
}

#ContainerTable td.MainContainerTD table td.fieldValue table td.fieldValue table td.fieldValue table td.fieldValue table td.fieldValue table td.fieldValue table td.fieldValue table td.fieldValue table td.fieldValue table td.fieldValue table td.fieldValue
{
	background-color: #f5f5f5;
}




.grid
{
	border: 1px solid #e4e4e4;
	border-width: 1px 0 0 0;
	width: 60%;
	clear:both;
}
.grid th
{
	text-align:left;
	padding: 5px 0 5px 2px;
	background-color:#f5f5f5;
}
.grid td
{
	border: 1px solid #e4e4e4;
	border-width: 0 0 1px 0;
	padding: 5px 0 5px 2px;
	
}


.itemtypegrid
{
	border: 1px solid #e4e4e4;
	border-width: 1px 0 0 0;
	width: 60%;
	clear:both;
}
.itemtypegrid th
{
	text-align:left;
	padding: 5px 0 5px 2px;
	background-color:#f5f5f5;
}
.itemtypegrid td
{
	border: 1px solid #e4e4e4;
	border-width: 0 0 1px 0;
	padding: 5px 0 5px 2px;
	background-color:#FFFFFF;
	
}


.vocabgrid
{
	/*commented by arun*/
	/*border: 1px solid #e4e4e4;
	border-width: 1px 0 0 0;*/
	width: 60%;
	clear:both;
}

.vocabgrid th
{
	text-align:left;
	padding: 5px 0 5px 2px;
	background-color:#f5f5f5;
}
.vocabgrid td
{
	border: 1px solid #e4e4e4;
	border-width: 0 0 1px 0;
	padding: 5px 5px 5px 2px;
}



.greybox
{
background:#e9e9e9 url(images/center-back.gif) center bottom no-repeat;
padding-bottom:32px;
}
.whitebox td
{
background-color:#FFFFFF;
padding:20px;
width:20%;
}
.whitebox td h1
{
color:#81c163;
}
.enter
{
margin:auto;
display:block;
position:relative;
top:-25px;
left:-3px;
}
.notdone
{
font-size:10px;
color:#980f08;
}


.new
{
font-size:10px;
color:green;
}



.deleterow
{
	float:right;
	background: url(images/minus.gif) no-repeat 0 center;
	padding:2px 0 2px 10px;
}


.addrow
{
	padding:2px 0 2px 10px;
	background: url(images/plus.gif) no-repeat 0 center;
}

/* by CKR */

.fieldTitleReverse
{
	text-align: left;
	white-space: nowrap;
	width: 100%;
}
.fieldValueReverse
{
	border: 1px solid #d4d4d4;
}


div.dimmer 
{
	visibility: hidden;
	position:absolute;
	left:0px;
	top:100px;
	font-family:verdana;
	font-weight:bold;
	padding:40px;
	
	/* ieWin only stuff */
	_background-image:none;

}


.page_dimmer 
{ 
	visibility: hidden;
	position:fixed; 
	height:100%; 
	width:100%; 
	top:0px; 
	left:0px; 
	background-color:#000000; 
	filter:alpha(opacity=50); 
	-moz-opacity:.50; 
	opacity:.50; 
	z-index:50; 
} 


div.show_hide_block
{
	display:block;
}


.Welcometxt
{
    padding:2px;
    margin-top:2px;
    margin-right:20px;
    font-weight:bold;
}

.mode
{
	font-family:verdana;
	font-weight:bold;	
	color:Red;
}

.mode a
{
	font-family:verdana;
	font-weight:normal;	
	color:Black;
}

a.linkbutton 
{
	float: left;
	display: block;
	padding: 3px 10px 3px 10px;
	margin: 0px 5px;
	border: 1px solid #d4d4d4;
	background: url(images/button-back.gif) repeat-x bottom left;
	position: relative;
	top: 20px;
	background-color: #ffffff;
	text-decoration:none;
}
a.linkbutton:hover
{
	background-color: #f5f5f5;
	color: #000000;
	border: 1px solid #656565;
	border-color: #d4d4d4 #656565 #656565 #d4d4d4;
}

.LinkExpandCollapse
{
    text-decoration: none;
}

.VocabHeading
{
	font-size:12px;
}

/*Arun*/
.vgrid
{
	width: 60%;
	clear:both;
}
.vgrid th
{
	text-align:left;
	padding: 5px 0 5px 2px;
	background-color:#f5f5f5;
}
.vgrid td
{
	border: 1px solid #e4e4e4;
	border-width: 0 0 1px 0;
	padding: 5px 0 5px 2px;
	
}
/*End Arun*/

/*xpath tree*/
.xpath-textbox
{
border:1px solid #97c580;
font-size:15px;
padding:5px;
width:100%;
}

.TreeContainer
{
background:url(images/dotted.gif) repeat-x 0 bottom	;
padding-bottom:3px;
}
.TreeContainer div
{
background:url(images/dotted.gif) repeat-y 38px 0;
margin-left:20px;


}

.TreeContainer
{
background:url(images/dotted.gif) repeat-y 16px 0;
}
.TreeContainer a.TreeExpandCollapse
{
margin-left:5px;
position:relative;
left:4px;


}
.TreeContainer div.LinkContainer
{

background:url(images/dotted-line.gif) no-repeat 0 center;

}
.TreeContainer div.NodeContainer
{
padding-left:21px;


}


.TreeContainer div a
{

background:url(images/dotted.gif) repeat-x 0 center;
display:moz-inline-stack;
display:inline-block;
margin:2px 0 5px 0;
outline:none;
color:#333;
vertical-align:bottom;

}
.TreeContainer div a.TreeExpandCollapse
{
	outline:none;




}
.TreeContainer div a.TreeNode,
.TreeContainer div a.SelectedNode,
.TreeContainer div a.DisabledNode
{

background:url(images/node.gif) no-repeat 5px -22px;
padding:5px 0 0 35px ;
margin-left:5px;
height:15px;


}
.TreeContainer div a.TreeNode:hover
{
text-decoration:none;
background-position:5px -44px;

}
.TreeContainer div a.SelectedNode{
color:#5f9345;
font-weight:bold;
background-position:5px -66px;

}
.TreeContainer div a.DisabledNode{
color:#c4c3c3;
background-position:5px 0px;
text-decoration:none;
cursor:text;

}
.TreeContainer div a.ApplyFilter,
.TreeContainer div a.ChangeFilter
{
background:url(images/node.gif) no-repeat 0 -94px;
height:14px;
padding-left:20px;
margin-left:10px;
font-size:10px;
color:#84aad6;
cursor:pointer;


}
.TreeContainer div a.ChangeFilter
{
background-position:0 -114px;
color:#5f9345;

}
.TreeContainer div a.ApplyFilter:hover,
.TreeContainer div a.ChangeFilter:hover
{
text-decoration:none;
}
.x-path
{
	margin:10px 50px;
}
/********Styles by Arun, please ask before modifying******************************/
.DivProgressBar
{
	position: absolute;
	left: 200px;
	top: 300px;
	text-align: center;
	vertical-align: middle;
	font-size: 11px;
	font-family: Arial;
	background-color: #FFFFFF;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
	-moz-opacity: .90;
	opacity: .90;
	z-index: 10040;
	padding-top: 15px;
	visibility: hidden;
	height: 30px;
	border: solid 3px #CCCCCC;
}
div > div.DivProgressBar
{
	position: fixed;
}
.DivMask
{
	position: absolute;
	left: 0px;
	top: 0px;
	text-align: center;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 11px;
	font-family: Arial;
	background-color: #000;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
	-moz-opacity: .40;
	opacity: .40;
	z-index: 10020;
	width: 100%;
	padding-top: 10px;
	height: 100%;
	visibility: hidden;
}
div > div.DivMask
{
	position: fixed;
}
.DivPopupContainer
{
	position: absolute;
	z-index: 10040;
	top: 100px;
	background-color: #FFFFFF;
	border: solid 3px #CCCCCC;
	visibility: hidden;
	left: 200px;
	padding:20px;
}
.DivPopupContainer table
{
	margin:auto;
	width:auto;
}
.DivPopupContainer th,
.DivPopupContainer td
{
	text-align:left;
	padding:5px 10px;
	
}
div > div.DivPopupContainer
{
	position: fixed;
}
a.button 
{
	display:-moz-inline-stack;
	display:inline-block;
	padding: 3px 10px 3px 10px;
	border: 1px solid #d4d4d4;
	background: url(images/button-back.gif) repeat-x bottom left;
	background-color: #ffffff;
	text-decoration:none;
	margin:5px;
	outline:none;
}
a.button:hover
{
	background-color: #f5f5f5;
	color: #000000;
	border: 1px solid #656565;
	border-color: #d4d4d4 #656565 #656565 #d4d4d4;
}

.inline-block
{
	display:-moz-inline-stack;
	display:inline-block ;
	
	
}
h1.inline-block
{
	color:#5f9345;
	display:inline;
	margin-right:10px;
	
}
h1 span.black
{
	color:#666666;
}
.x-path .table-container
{
	width:100%;
	
}
.x-path .table-container td
{
	vertical-align:middle;
	
}
.x-path .table-container td table
{
	width:auto;
}
.x-path-textbox
{
	border:1px solid #5f9345;
	padding:2px;
	font-size:17px;
	width:99%;	
	height:60px;
	margin-bottom:10px;
	
	
}
#TableDataTypeLoading img,
#TableRepItemsLoading img,
#TableOptionItemsLoading img,
.DivProgressBar img
{
	vertical-align:middle;
	
}

.xpath_radio label
{
	font-size:12px;
}
/********End Styles by Arun, please ask before modifying******************************/
/*end xpath tree*/