* {
	margin:0;
	padding:0;
}

body{
	font-family:Arial,Helvetica,sans-serif;
	color:#526066;
	width:100%;
	height:100%;
	background-color:#FBFBFB;
	font-size: 11px;
}

input[type=text] {
	width:200px;
}

input {
    border: 1px solid gray;
    transition: all .5s;
}

input[type=file] {
    border: 0px solid gray;
    transition: all .5s;
}

input:focus {
  border-color: #66afe9;
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
} 

textarea{
    border: 1px solid gray;
    transition: all .5s;
}

textarea:focus {
  border-color: #66afe9;
  outline: 0;
   box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

input[type='radio']{
    border: 1px solid gray;
    transition: all .5s;
}

input[type='radio']:focus{
  border-color: #66afe9;
  outline: 0;
   box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
} 

input[type='checkbox']{
    border: 1px solid gray;
    transition: all .5s;
}

input[type='checkbox']:focus{
  border-color: #66afe9;
  outline: 0;
   box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
} 

select{
    border: 1px solid gray;
    transition: all .5s;
}

select:focus {
  border-color: #66afe9;
  outline: 0;
   box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
} 

input[type=checkbox] {
	margin-right:3px;
}

input[type=radio] {
	padding-left:5px;
	margin-left:15px;
	margin-right:3px;
}

select {
	width:200px;
}

input[type=text].datepicker {
	width:182px;
	vertical-align: top;
}
.dispNone{
	display: none;
}

.dispBlock{
	display: block;
}
#offlineMainid th, #offlineMainid td{
	padding: 5px;
}

.groovyButton {
	font-size: 12px;
	font-weight: bold;
	background-color: #DDD;
	border: 1px solid #777777;
	color: #222;
	margin: 0px 3px;
	cursor:pointer;
}

.ui-datepicker-trigger{
	padding-left:3px;
}

.headerTab{
	font-size: 13px;
	font-weight: bold;
	border:1px solid #526066;
	border-radius:5px 5px 0px 0px;
	margin:5px 5px 0px 5px;
	padding:4px;
	cursor: pointer;
	background: url("../images/sectionbg.png") repeat-x;
	color:#FFFFFF;
}
.headerTabClosed{
	border-radius:5px;
	margin:5px;
}
.contentTab{
	font-size: 12px;
	padding:4px;
	margin:0px 5px 5px 5px;
	border-left:1px solid #526066;
	border-right:1px solid #526066;
	border-bottom:1px solid #526066;
	border-radius:0px 0px 5px 5px;
	background-color:#FFFFFF;
}

#OfflineTab1 td{
	text-align: right;	
}

#OfflineTab3 input[type=text], #OfflineTab4 input[type=text] {
	width:500px;
}

.readOnly{
	background-color:#F0F0F0; 
}

.red {
	background-color:#b90707; 
}


/* Menu*/

.main-menu {
	BACKGROUND-REPEAT: repeat-x; padding: 0px 0px 0px 0px;
}
.main-menu A {
	DISPLAY: block; FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #cd0f3f; LINE-HEIGHT: 20px; FONT-FAMILY: Tahoma, Arial, Verdana; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: center; TEXT-DECORATION: none;padding:0px 10px;
}
.main-menu A:hover {
	DISPLAY: block; FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #ffffff; LINE-HEIGHT: 20px; FONT-FAMILY: Tahoma, Arial, Verdana; BACKGROUND-COLOR: #cd0f3f; TEXT-ALIGN: center; TEXT-DECORATION: none;padding:0px 10px;
}
.main-selected-menu A {
	DISPLAY: block; FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #ffffff; LINE-HEIGHT: 20px; FONT-FAMILY: Tahoma, Arial, Verdana; BACKGROUND-COLOR: #cd0f3f; TEXT-ALIGN: center; TEXT-DECORATION: none;padding:0px 10px;
}

.img-left {
	DISPLAY: inline; FLOAT: left
}
.img-right {
	DISPLAY: inline; FLOAT: right
}
HR.menu{
	top: -13px;position: relative; height: 2px;color:#cd0f3f; width: 100%;
	}
table.menu{
	height:20px;
}
/* Menu end*/

.groovyButton {
	font-size: 11px;
	background-color: #AAA;
	border:0px solid;
	border-color:#777 #777 #777 #777;
	color:#222;
	margin:0px 3px;
	cursor:pointer;
}
.waitImgGroovyBtn {
	font-size: 11px;
	background-color: #AAA;
	border:0px solid;
	border-color:#777 #777 #777 #777;
	color:#222;
	margin:0px 3px;
    background-image:url(../images/indicator1.gif);
    background-repeat:no-repeat;
    padding-left: 15px;
}
select.multiSelectInput {
	width: 270px;
	margin: 5px 0px;
	padding: 0px;
}
.rich-calendar-input{
	width: 100px;
}
	        .leftPanel{
        vertical-align: top;
        width: 15%;
        }
        .rightPanel{
        vertical-align: top;
        width: 85%;
        }
        .bold{
        font-weight: bold;
        }