/*
   This is where you should put all your customisations to the swish.css
   file. Please do not edit swish.css, but instead put all your over-rides
   here.
*/

/* If your language version of the "Home", "Inbox", "Outbox" & "Logout"
 * tabs are too wide for the buttons, you can increase the width of the
 * buttons. Just uncomment this section, changing the "130" for whatever
 * you want, but make sure the "131" is exactly 1 greater than the "130".
*/

BODY {
  background:             white;
  color:                  #000040;
  margin:                 0px;
}

.content {
	width: 1100px;
	margin-left: auto;
	margin-right: auto;
	margin-top:30px;
 	background-color: white;
}

#container {
	clear: both;
	background: white;
	border-radius: 15px;
	-moz-border-radius: 15px;
	padding-top:30px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:30px;
	min-height: 250px;
	-moz-box-shadow: 0px 1px 5px #7f7e7e;
	box-shadow:0px 1px 5px #7f7e7e;
	color: #162637;
}
.dropdownMenu {
  visibility: hidden;
}

#logo {
	float: right;
	padding-left: 25px;
	padding-right: 20px;
	text-decoration: none;
	font-weight: bold;
	overflow: hidden;
	position: absolute;
	top: 20px;
	right: 400px;
 	height: 75px;
 	color: #1f88c1;
 	font-size: 1.5em;
	text-shadow: 1px 1px 0px #fbfbfb;
	max-width: 1200px;
}

#logo a {
	color: #1f88c1;
}

#topMenu li {
	background: #1f88c1;
	background-color: #1f88c1;
	color: white;
	float:left;
	position: relative;
	width: 131px; /* This should equal #topMenu li.selected "width", and set #topMenu li a "width" to this minus 1 */
	height:39px;
	text-align: center;
	line-height:39px;
	border-style: solid solid none solid; /* no bottom border */
	border-radius: 4px 4px 0px 0px; /* rounded top corners */
	border-width: 1px;
	border-color: #1f88c1;
}
#topMenu li a {
  color: black; /* #4f4e4e; */
	display:block;
	height:39px;
	width:130px; /* Set #topMenu li "width" to this plus 1 */
	font-weight: bold;
	text-decoration: none;
}
#topMenu li:hover {
	background: #62c0f0;
	background-color: #62c0f0;
}
#topMenu li.selected {
  background: white;
	background-color: white;
	width: 131px; /* This should equal #topMenu li "width" */
	border-width: 1px 1px 1px 1px;
	z-index: 1;
}