/** Add css rules here for your application. */
/*Header style contain logo, top-right-link,*/
 #header {
 height:68;
 /*width:1096px;*/
 width:1087;
 /*margin:0px auto;*/
 background:#FFA401;
 border-bottom:7px solid #740772;
}

#logo {
 width:120;
 float:left;
 margin-right:12px;
}
#logo a {
	outline:none;
}
#top-right-link {
/*float:right;
margin-right:35px;*/
float:right;
margin-right:20px;
position:relative;
}
.link{
 color:#333333;
 cursor: pointer;
 }
span.link:hover  {
 text-decoration: underline;
 }
#top-right-link a {
 font-size:8pt;
 color:#000000;
}
/*.gwt-DialogBox .dialogTopCenterInner .Caption {
	background:#75056F none repeat scroll 0 0;
	border:medium none;
	color:white;
	font-weight:bold;
}*/
.gwt-DialogBox {
	border:3px solid #7F7F7E;
opacity:0.9;
}
.gwt-DialogBox {
-moz-border-radius-bottomleft:8px;
-moz-border-radius-bottomright:8px;
-moz-border-radius-topleft:8px;
-moz-border-radius-topright:8px;
background:wheat none repeat scroll 0 0;
width:370px;
}
.gwt-DialogBox .dialogTopCenterInner .Caption {
background:#75056F none repeat scroll 0 0;
border:medium none;
color:white;
font-weight:bold;
width:350px;
}

/*Help panel inside editentries link in reading logs tab*/
.r-help-panel-edit-entries {
display:none;
-moz-border-radius-bottomleft:6px;
-moz-border-radius-bottomright:6px;
-moz-border-radius-topleft:6px;
-moz-border-radius-topright:6px;
background-color:#181C2C;
color:white;
font-family:verdana;
font-size:11px;
font-weight:bold;
margin-left:3px;
margin-top:2px;
padding-left:6px;
margin-left:3px;
margin-top:1px;
padding-left:6px;
line-height:15px;
height:33px;
width:75%;
}
.r-help-panel {
-moz-border-radius-bottomleft:6px;
-moz-border-radius-bottomright:6px;
-moz-border-radius-topleft:6px;
-moz-border-radius-topright:6px;
background-color:#3E100A;
color:white;
font-family:verdana;
font-size:11px;
font-weight:bold;
height:60px;
line-height:20px;
margin-left:3px;
margin-top:2px;
padding-left:6px;
width:98%;
}

.r-help-list-panel {
-moz-border-radius-bottomleft:6px;
-moz-border-radius-bottomright:6px;
-moz-border-radius-topleft:6px;
-moz-border-radius-topright:6px;
background-color:#3E100A;
color:white;
font-family:verdana;
font-size:11px;
font-weight:bold;
height:60px;
line-height:20px;
margin-left:3px;
margin-top:2px;
padding-left:6px;
width:100%;
}
  /*Header style ends*/

/************Sidebar Pin Widget*************************/

.widget-content {
color:#000000;
font-size:12px;

}
.shadow {
background:transparent url(../image/shadow.png) no-repeat scroll right bottom !important;
clear:left;
margin:0 0 0 0 !important;
padding:12px;
width:175px;
}
.innerbox {
margin:0;
}
.innerbox {
background:#FF8000 none repeat scroll 0 0;
bottom:0;
left:20px;
height:153px;
margin:0;
padding:10px;
position:relative;
}
.innerbox h3 {
margin-top:0;
padding-right:75px;
text-align:center;
text-decoration:underline;
}
.innerbox .paper-pin {
background:url(../image/paper-pin3.png) no-repeat;
float:left;
height:25px;
left:4px;
margin-left:1px;
padding-top:9px;
position:absolute;
top:-11px;
width:30px;
}
.paper-pin img{
margin-top:2px;
}
/************Sidebar Pin Widget Ends*************************/

/*Sidebar Ordinary*/
.r-sidebar-title {
	height: 2em;
	width:220px;
	color: white;
	text-align: center;
}

.r-sidebar-content {
	text-align: center;
	/*margin-bottom:40px;*/
}


.r-sidebar-canvas {
	background-color:#FFF5AD;
	width:13.77em;
}
.r-sidebar-title {
	background-color:#FF8000;
}

.r-sidebar-widget .cbg-RP {
	background-color:#FF8000;
}
/***** Sidebar Ordinary Ends *****/


/*Css for rounded tab panel or navigation bar started here */
#navbar {
 width:500;
 border:1px solid #ffffff;
}

#navigation {
 /*position: absolute;
  left:384px;
 top: 20px;
 margin-left: -45px;
 padding: 2px;
 width:556px;*/
 margin-left:42px;
 padding:2px;
 /*width:455px;*/
}
 
#navigation a {
 color:#000000;
}
 
#navigation li {
 background: #740672;
}
#navigation li {
	display:inline;
}
#navigation ul li .selected {
 background: #740672;
 outline: none;
}

#navigation ul .selected a {
 color:white;
 background:#740772;
}

#navigation {
 /*font-size:14px;
 float:left;
 margin-top:17px;*/
float:left;
font-size:14px;
margin-top:38px;
}

#navigation ul li a {
 background:#FFFFFF none repeat scroll 0 0;
 float:left;
 margin:2px 2px 0 0;
 padding:5px 15px 5px 15px;
 -moz-border-radius-topleft: 6px;
 -moz-border-radius-topright: 6px;
 cursor:pointer;
 color:#000000;
 font-family:Verdana,Arial,Helvetica,sans-serif,"Trebuchet MS";
 font-size: 13px;
 font-weight:bold;
 margin-right:2px;
}

#navigation ul li a:hover { 
 cursor: pointer;
 color: red;
}

#navigation ul li a {
 text-decoration: none;
 outline: none;
}

#navigation ul li a:hover {
 text-decoration: none;
 outline: none;
}

#navigation ul {
 list-style-type: none;
}
/*................Rounded tab panel css ended here....................*/





/*.home-panel {
	height: 10em;
}*/
.loading-popup-loader {
float:left;
}
.loading-popup-message {
	margin-top:15px;
	padding-left:5px;
}
.wrap {
padding-left:50px;
}