/*
This is basic style file .
*/

@import url(link.css);
@import url(font.css);
@import url(table.css);
@import url(image.css);
@import url(layout.css);
@import url(fieldtext.css);
@import url(fieldselect.css);
@import url(fieldtextarea.css);
@import url(form.css);
@import url(dialogue.css);
@import url(pagination.css);

*{
	margin:0;
	padding:0;
}
/* Disable focus outline border.
:focus {
	outline: 0;
}*/

.clear{
	clear:both;
}

.relative{
	position:relative;
}

.absolute{
	position:absolute;
}

.ellipsis{
	white-space:nowrap;
	overflow:hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -moz-binding: url('../ellipsis.xml#ellipsis');
}

textarea{
	resize:none;
}

div { 
	margin: auto;
	padding: auto;
}

hr { 
	color: #ccc; 
	height: 2px; 
}

img { 
	border: 0;
}

ul{
	list-style-type : none;
}

.defaulCursor{
	cursor:default !important;
}

.fadeBackgroundImage{
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:-1;
	position:absolute;
}

/*Following two styles used by flex object, remove the selected dotted border when it activecd in FF .*/
object:active{
	outline: none;
}
object:focus{
	-moz-outline-style: none;
}

/*
	Visibility of element
*/
.show{
	display: block;
}

.hidden{
	display: none;
}

.unvisible{
	visibility:hidden;
}

.transparent{
	-moz-opacity:0.0;
	opacity:0;
	*filter:alpha(opacity=0);
	*filter:alpha(opacity = 0);
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}

/*
	Title bar related sytles.
*/

.titleBar{
	height:40px;
	float:left;
	width:100%;
}

.titleBar h2{
	color:#727370;	
}

.titleBar .title{
	font-size:22px;
	color:#727370;
	font-weight:normal;
}

/*
	A 2px-height line on page 
*/
.line{
	width:100%;
	float:left;
	height:2px;
	overflow:hidden;
	margin-top:10px;
	background:#bababa;
}

/*
	A 1px-height line on page 
*/
.line1{
	width:100%;
	float:left;
	height:1px;
	overflow:hidden;
	margin-top:10px;
	background:#bababa;
}

.line_light{
	width:100%;
	float:left;
	height:1px;
	overflow:hidden;
	margin-top:10px;
	background:#bababa;
}


/* Panel model styles */

.panel{
	height:100%;
}

.panel .panelTop,.panel .panelBottom{
	float:left;
	width:100%;
	height:5px;
}

.panel .panelTop div,.panel .panelBottom div{
	height:5px;
}

.panel .panelMiddle{
	float:left;
	border-left:1px solid #C4C4C2;
	border-right:1px solid #C4C4C2;
	height:100%;
}

.panel .panelLeft,.panel .panelRight{
	width:5px;
}

.panel .panelLeft{
	float:left;
	background: url(../../images/common/panel_corner.png) no-repeat top left; 
	margin-right:-5px;
}

.panel .panelRight{
	float:right;
	background: url(../../images/common/panel_corner.png) no-repeat top right;
	margin-left:-5px;
}

.panel .panelTop .panelCenter{
	border-top:1px solid #C4C4C2;
	background:#fff none repeat scroll 0;
	margin:0 5px;
}

.panel .panelBottom .panelCenter{
	background: transparent url(../../images/common/panel_bottom_bg.png) repeat-x;
	margin:0 5px;
}

.panel .panelBottom .panelLeft{
	background: url(../../images/common/panel_corner.png) no-repeat bottom left;
}

.panel .panelBottom .panelRight{
	background: url(../../images/common/panel_corner.png) no-repeat bottom right;
}

/*Red-border box model styles*/

.shadowWrapper{
	background:transparent url(../../images/common/shadow.png) no-repeat scroll right bottom;	
	float:left;
	position:relative;
	padding:0 5px 15px 0;
}

.infoBox{
	margin:-5px 10px 0 -5px;
}

.infoBox .boxTop,.infoBox .boxBottom{
	float:left;
	width:100%;
}

.infoBox .boxTop div,.infoBox .boxBottom div{
	height:5px;
}

.infoBox .boxMiddle{
	float:left;
	border-left:5px solid #910000;
	border-right:5px solid #910000;
	height:100%;
}

.infoBox .left,.infoBox .right{
	width:5px;
}

.infoBox .left{
	float:left;
	background: url(../../images/common/box_corner.png) no-repeat top left; 
	margin-right:-5px;
}

.infoBox .right{
	float:right;
	background: url(../../images/common/box_corner.png) no-repeat top right;
	margin-left:-5px;
}

.infoBox .center{
	background:#910000 none repeat scroll 0;
	margin:0 5px;
}

.infoBox .boxBottom .left{
	background: url(../../images/common/box_corner.png) no-repeat bottom left;
}

.infoBox .boxBottom .right{
	background: url(../../images/common/box_corner.png) no-repeat bottom right;
}