/************ Layout ************/
#wrapper{
	background-color: white;
    font-family: ubuntu;
    width: 1000px;
	height:100%;
	position:relative;
	margin: 0 auto;
	-moz-box-shadow: 0 0 5px #666;
	-webkit-box-shadow: 0 0 5px #666;
	box-shadow: 0 0 5px #666; 
}

#wrapper-login{
	background-color: white;
    box-shadow: 0 0 5px #666666;
    font-family: ubuntu;
    height: 545px;
    left: 50%;
    margin-left: -480px;
    margin-top: -272.5px;
    position: absolute;
    top: 50%;
    width: 960px;
}

#header{
	background: url('../images/home-header-background.jpg') repeat-x;
	height:104px;
	width: 1000px;
}

#header-login{
	background: url('../images/home-header-background.jpg') repeat-x;
	height:104px;
	width: 960px;
}

.content-header{
	margin: 0 auto;
    overflow: hidden;
    width: 1000px;
}

.content-header-login{
	margin: 0 auto;
    overflow: hidden;
    width: 960px;
}

.logo{
	float: left;
    margin-left: 50px;
    margin-top: 18px;
}

.logo-login{
	float: left;
    margin-left: 40px;
    margin-top: 18px;
}

.logo-love{
	float: right;
    height: 82px;
    margin-right: 13px;
    margin-top: 22px;
    width: 116px;
}

.logo-love-login{
	float: right;
    height: 82px;
    margin-top: 22px;
    width: 116px;
}

#bg-content-desc{
	background-color: #FFF883;
    box-shadow: 0 0 1px #999999 inset;
    height: 16px;
    margin-top: -1px;
    padding: 5px;
    width: 990px;
    z-index: 0;
}

#wrapper-content-desc-date{
    height: 15px;
    margin-left: 100px;
    padding: 1px;
    text-align: right;
    width: 180px;
    z-index: 1;
}

#wrapper-content-desc-title{
    background-color: #FFF345;
    border: 1px solid #D9D9D9;
    height: 12px;
    margin-left: 165px;
    margin-top: -23px;
    padding: 6px;
    width: 647px;
    z-index: 3;
}

#wrapper-content-desc-title .title{
	color: #403D11;
    font-family: ubuntu;
    font-size: 12px;
    padding-left: 13px;
    width: 435px;
    z-index: 2;
	float:left;
}

#wrapper-content-desc-title .last-login{
	float:right;
	color: #403D11;
    font-family: ubuntu;
    font-size: 12px;
    padding-left: 13px;
    width: 150px;
    z-index: 2;
}

#footer {
	background: url("../images/img_footer.png") repeat-x scroll 0 0 transparent;
    bottom: 0;
    height: 42px;
    left: 0;
    position: relative;
    width: 100%;
	margin-top: 60px;
}

#footer-login {
	background: url("../images/img_footer.png") repeat-x scroll 0 0 transparent;
    bottom: 0;
    height: 42px;
    left: 0;
    position: absolute;
    width: 100%;
	margin-top: 60px;
}

.footer_copyright{
	color: #858552;
    float: left;
    font-family: ubuntu;
    font-size: 10px;
    font-weight: normal;
    margin-left: 40px;
    padding-top: 19px;
    text-transform: uppercase;
}

.footer_menu{
	color: #858552;
    float: right;
    font-family: ubuntu;
    font-size: 10px;
    font-weight: normal;
    margin-right: 40px;
    padding-top: 19px;
    text-transform: uppercase;
}

.footer_browser{
	 
    
    font-family: ubuntu;
    font-size: 11px;
    font-weight: normal;
    margin-right: 40px;
    padding-top: 30px;
     
}

#bg-content {
	background: url("../images/gray-background.png") no-repeat scroll 0 0 transparent;
    min-height: 300px;
    padding-top: 50px;
    width: 100%;
    z-index: 0;
}

#bg-content-login {
	background: url("../images/gray-background.png") no-repeat scroll 0 0 transparent;
    z-index: 0;
}

#main-content {
    margin: 0 auto;
    min-height: 300px;
    width: 700px;
    z-index: 1;
}

#main-content-login {
    margin: 0 auto;
    z-index: 1;
	padding-top: 25px;
}

#top-main-content{
    color: #403D09;
    font-family: ubuntu;
    font-size: 18px;
    left: 170px;
    margin-top: 7px;
    position: absolute;
}

#top-main-content .title{
	background: url("../images/img-main-content-title.jpg") repeat-x scroll 0 0 transparent;
	/* border: 1px solid #999999; */
	height: 35px;
	line-height: 2;
	padding-left: 20px;
    padding-right: 20px;
}

.content{
	background-color: white;
    box-shadow: 0 0 25px #C7C6BD;
    color: #444444;
    font-size: 12px;
    margin: 0 auto 30px;
    min-height: 385px;
    padding: 15px;
    position: relative;
    width: 630px;
    z-index: 2;
}

.content-login{
	background: url("../images/background-login-content.jpg") no-repeat scroll 0 0 transparent;
	/*background: #000000;*/
    box-shadow: 0 0 25px #C7C6BD;
    color: #444444;
    font-size: 12px;
    height: 350px;
    margin: 0 auto;
    padding: 30px;
    position: relative;
    width: 880px;
    z-index: 2;
}

.content-list{
	background-color: white;
    box-shadow: 0 0 25px #C7C6BD;
    color: #444444;
    font-size: 12px;
    margin: 40px auto 30px;
    min-height: 385px;
    padding: 15px;
    position: relative;
    width: 630px;
    z-index: 2;
}

#main-container-lab-result{
	margin-left:-34px;
	width: 770px;
}

.lab-result-content{
	background-color: white;
    box-shadow: 0 0 1px black inset;
    color: #444444;
    font-size: 12px;
    min-height: 100px;
    padding: 10px;
    position: relative;
    width: 750px;
    z-index: 2;
}

.attachment-content{
	background-color: white;
    box-shadow: 0 0 1px black inset;
    color: #444444;
    font-size: 12px;
    min-height: 100px;
    padding: 20px 20px 20px 100px;
    position: relative;
    width: 650px;
    z-index: 2;
}

.personal-note-content{
	background-color: white;
    box-shadow: 0 0 1px black inset;
    color: #444444;
    font-size: 12px;
    min-height: 100px;
    overflow: hidden;
    padding: 20px 20px 20px 100px;
    position: relative;
    width: 650px;
    z-index: 2;
}

.reg-no-personal-note-container{
	width:88%;
	min-height: 100px;
}

.personal-note-container{
	width:535px;
	margin: 0 auto 10px;
	min-height: 100px;
	padding-top:10px;
	line-height:1.8;
	list-style: disc inside none;
}

.personal-note-content-container{
	width:385px;
	float:left;
}

.personal-note-button-container{
	float:right;
}

.home-content{
	background: none repeat scroll 0 0 white;
    box-shadow: 0 0 25px #C7C6BD;
    height: 240px;
    margin: 0 auto;
    padding: 80px;
    position: relative;
    width: 500px;
    z-index: 1;
	font-family: ubuntu;
}

.title-home-content{
	color: #404040;
    font-size: 22px;
    line-height: 1.5;
    text-align: center;
}

.content-home-content{
	font-size:14px;
	text-align:justify;
	color: black;
	line-height: 1.2;
	margin-top: 15px;
}

.button-home-content{
	margin-top:30px;
	font-size:13px;
	text-align:justify;
	color: black;
}

.home-button{
	background-image: url("../images/img-button.png");
    color: #4D4C30;
    font-family: ubuntu;
    height: 37px;
    width: 210px;
}

.sign-in-button{
	background-image: url("../images/sign-in-button.png");
    height: 17px;
    width: 57px;
	border: medium none;
}

.home-button:hover{
	background: url("../images/img-button-hover.png");
	cursor:pointer
}

.button{
	background: url("../images/button-grey.png") no-repeat scroll 0 0 transparent;
    border: medium none;
	margin-right: 10px;
    color: #4D4C30;
    font-family: arial;
    font-size: 10px;
    height: 24px;
    width: 99px;
	text-transform: uppercase;
}

.top-container-personal-note{
	color: #555555;
    font-family: ubuntu;
    font-size: 13px;
    line-height: 1.8;
    margin-bottom: 25px;
    margin-left: 55px;
    margin-top: 15px;
}

.top-container-about-us{
    color: black;
    font-family: ubuntu;
    font-size: 14px;
    margin-bottom: 25px;
    margin-top: 15px;
}

.long-button{
	background: url("../images/grey-button-long.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    color: #4D4C30;
    font-family: arial;
    font-size: 10px;
    height: 25px;
    text-transform: uppercase;
    width: 156px;
}

.filter-button
{
	font-family: arial;
    font-size: 10px;
    height: 25px;
    left: 155px;
    position: absolute;
    top: -75px;
}

.advanced-search{
	position:absolute;
	margin-top:10px;
}

.pagination-container
{
    position: absolute;
    right: 0px;
    top: -75px;
}

.on-change-pagination{
	position: absolute;
}

.button:hover{
	background: #9a9a9a;
	cursor:pointer;
	color: white;
	border-radius: 5px;
}

.search-button{
	background: url("../images/button-blue.png") no-repeat scroll 0 0 transparent;
	border: medium none;
	width:73px;
	height:30px;
}

.clear-button{
	background: url("../images/clear-button.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    color: #666666;
    height: 29px;
    margin-right: 10px;
    text-transform: uppercase;
    width: 72px;
}

.long-button:hover{
	background: #9a9a9a;
	cursor:pointer;
	color: white;
	border-radius: 5px;
}

.clear-button:hover{
	background: #9a9a9a;
	cursor:pointer;
	color: white;
	border-radius: 5px;
}


#bg-menu {
	background: url('../images/img-menu.png') repeat-x;
	width:100%;
	height:36px;
	z-index:0;
}

#bg-menu .date{
	color: #403E21;
    float: left;
    font-family: ubuntu;
    font-size: 12px;
    line-height: 2.5;
    margin-left: 160px;
    text-align: center;
    width: 165px;
    z-index: 2;
}

.search {
	color: #939796;
    float: left;
    height: 23px;
    left: 187px;
    position: relative;
    top: 6px;
    width: 300px;
    z-index: 1;
}

.button-search{
	float: right;
    margin-right: 110px;
}

.user_name {
	color: #403E21;
	font-family: ubuntu;
    font-size: 12px;
    line-height: 2.5;
    float: left;
    margin-left: 15px;
    z-index: 1;
}

.menu {
	color: #91959C;
    float: right;
    height: 35px;
    margin-right: 30px;
    text-align: right;
    text-transform: uppercase;
    width: 400px;
    z-index: 1;
}


/********************************      Elements styling      ********************************/

h1, h2, h3, h4, h5, h6 {
	font-family: Helvetica, Arial, sans-serif;
    color: #222;
    font-weight: bold;
}

h1{
	font-family: Calibri, Helvetica, Arial, sans-serif; font-size: 31px; font-weight: bold; color: #fff;
	position: absolute; top: -1000px;
}

h2            { font-size: 26px; padding: 0 0 10px 0; }
h3            { font-size: 17px; padding: 0 0 10px 0; }
h4            { font-size: 16px; padding: 0 0 5px 0; }
h5            { font-size: 14px; padding: 0 0 5px 0; }
h6            { font-size: 12px; padding: 0 0 5px 0; }


a             	{ color: #646464; text-decoration: underline;}
a:hover		{ color: #000000;}
a:active     	{ color: #777; }
a:focus     	{ outline: 1px; }

a.a-footer:link    { color:#858552; text-decoration:none; }
a.a-footer:visited { color:#858552; text-decoration:none; }
a.a-footer:hover   { color:black; text-decoration:none; }
a.a-footer:active  { color:#858552; text-decoration:none; }


a.list-of-view-result:link    { color:red; text-decoration:underline; }
a.list-of-view-result:visited { color:red; text-decoration:underline; }
a.list-of-view-result:hover   { color:red; text-decoration:underline; }
a.list-of-view-result:active  { color:red; text-decoration:underline; }

strong	{ font-weight: bold; color: #333; }
pre 		{ font-family: Calibri; }
p 		{ padding: 5px 0 10px 0; line-height: 1.6em; }
small		{ font-size: 11px; color: black; }

/*************** Table ***************/

#main-content table {
                border-collapse: collapse;
				color: #444444;
				width: 100%;
                }
				
#main-content table.list-view-result {
                border-collapse: collapse;
				color: #444444;
				margin-bottom: 40px;
				width: 100%;
                }

#main-content table.pagination {
                width: 50%;
                border-collapse: collapse;
				color:#444444;
                }

#main-content table thead th {
                font-size: 12px;
                }
				
#main-content tbody tr {
                background: #fff;
                }

#main-content tbody tr.alt-row {
                background: #fff;
                }

#main-content tbody tr.list-result {
                background: #fff;
                }

#main-content tbody tr.list-result:hover td {
                background: #d7d7d7;
                }
				
#main-content table td {
                padding: 5px 4px 5px 8px;
                line-height: 1.5em;
                }
				
#main-content table td.personal-note {
                padding: 5px 4px 5px 8px;
                line-height: 1.5em;
                }
				
#main-content table th {
				line-height: 1.3em;
				padding: 10px 4px 10px 8px;
                }

#main-content table tfoot td .bulk-actions {
                padding: 15px 0 5px 0;
                }

#main-content table tfoot td .bulk-actions select {
                padding: 4px;
				border: 1px solid #ccc;
                }

/*************** Pagination ***************/

#main-content .pagination{
	text-align: right;
    padding: 3px;
    margin: 3px;
}

div.pagination a{
    padding: 2px 5px 2px 5px;
    margin: 2px;
   border: 1px solid #AAAADD;
    text-decoration: none; /* no underline */
    color: #000099;
	background-color: #99DDFF;
}

div.pagination a:hover{
    border: 1px solid #000099;
    color: #000;
	background-color: #99DDFF;
}
div.pagination a:active{
    border: 1px solid #000099;
    color: #000;
	background-color: #99DDFF;
}

div.pagination span.current{
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #000099;
    font-weight: bold;
    color: #FFF;
}

div.pagination span.disabled{
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #929292;
    color: #DDD;
}

.clsHead
{
	font-size : 9pt;
	font-weight : bold;
	font-family : ubuntu;
	color : #504A4B;
	background-color: #ECE5B6;
	vertical-align:center;
}

.line-tr{
	border-bottom: 1px solid #adaaaa;
	text-transform: uppercase;
}

.line{
	border-bottom: 1px solid #ADAAAA;
    margin-bottom: 20px;
    margin-top: 20px;
    width: 100%;
}

.line-list-personal-note{
	border-bottom: 1px solid #ADAAAA;
    margin-bottom: 20px;
    margin-top: 20px;
    width: 98%;
	float:left;
}

.line-bottom{
	border-bottom: 1px solid #ADAAAA;
    bottom: 55px;
    position: absolute;
    width: 95%;
}

.line-bottom-short{
	border-bottom: 1px solid #ADAAAA;
    bottom: 55px;
    position: absolute;
    width: 95%;
    width: 80%;
}

.bottom-list-view-result{
    bottom: 0;
    height: 80px;
    position: absolute;
    width: 630px;
}

.content-bottom-list-view-result{
	margin-top:-13px;
}

.clsOdd
{
	font-size : 9pt;
	font-weight : normal;
	font-family : ubuntu;
	color : #250517;
	background-color: #FFFFFF;
}

.clsEven {
	font-size : 9pt;
	font-weight : normal;
	font-family : ubuntu;
	color : #250517;
	background-color: #f8f8e9;
}

.clsMouseOver {
	font-size : 9pt;
	font-weight : normal;
	font-family : ubuntu;
	color : #250517;
	background-color: #E8E8E8;
}

#pcm{display:none;}
ul.menu-eksternal ul{display:none}
ul.menu-eksternal li:hover>ul{display:block}
ul.menu-eksternal ul{position: absolute;left:-1px;top:98%;}
ul.menu-eksternal ul ul{position: absolute;left:98%;top:-2px;}
ul.menu-eksternal,ul.menu-eksternal ul {
	background-repeat: repeat;
    border-color: #A6A6A6;
    border-style: solid;
    border-width: 0;
    list-style: none outside none;
    margin: -2px 0 0;
    padding: 0 1px 1px 0;
}
ul.menu-eksternal table {border-collapse:collapse}ul.menu-eksternal {
	display:block;
	zoom:1;
	float: right;
}
ul.menu-eksternal ul{
	width:180.55px;
}
ul.menu-eksternal li{
	display:block;
	margin:1px 0px 0px 1px;
	font-size:0px;
	z-index: 9999;
}
ul.menu-eksternal a:active, ul.menu-eksternal a:focus {
outline-style:none;
}

ul.menu-eksternal a, ul.menu-eksternal li.dis a:hover, ul.menu-eksternal li.sep a:hover {
	border: 1px solid #CDCDCD;
	height: 16px;
    color: #555555;
    cursor: pointer;
    display: block;
    font: 11px Ubuntu;
    margin-bottom: -2px;
    margin-right: -2px;
    padding: 9px 18px;
    text-align: left;
    text-decoration: none;
    vertical-align: middle;
}

ul.menu-eksternal span{
	overflow:hidden;
}
ul.menu-eksternal li {
	float:left;
}
ul.menu-eksternal ul li {
	float:none;
}
ul.menu-eksternal ul a {
	text-align:left;
	white-space:nowrap;
}
ul.menu-eksternal li.sep{
	text-align:left;
	padding:0px;
	line-height:0;
	height:100%;
}
ul.menu-eksternal li.sep span{
	float:none;	padding-right:0;
	width:3;
	height:100%;
	display:inline-block;
	background-color:#A6A6A6;	background-image:none;}
ul.menu-eksternal ul li.sep span{
	width:100%;
	height:3;
}
ul.menu-eksternal li:hover{
	position:relative;
}
ul.menu-eksternal li:hover>a{
	background-color:#dfdfdf;
	border-color:#dfdfdf;
	border-style:solid;
	font:normal 11px Ubuntu;
	color: #555555;
	text-decoration:none;
}
ul.menu-eksternal li ul li a{
	background-color:white;
}

ul.menu-eksternal li a:hover{
	position:relative;
	background-color:#dfdfdf;
	border-color:#dfdfdf;
	border-style:solid;
	font:normal 11px Ubuntu;
	color: #555555;
	text-decoration:none;
}
ul.menu-eksternal li.dis a {
	color: #AAAAAA !important;
}
ul.menu-eksternal img {border: none;float:left;_float:none;margin-right:5px;width:16px;
height:16px;
}
ul.menu-eksternal ul img {width:16px;
height:16px;
}
ul.menu-eksternal img.over{display:none}
ul.menu-eksternal li.dis a:hover img.over{display:none !important}
ul.menu-eksternal li.dis a:hover img.def {display:inline !important}
ul.menu-eksternal li:hover > a img.def  {display:none}
ul.menu-eksternal li:hover > a img.over {display:inline}
ul.menu-eksternal a:hover img.over,ul.menu-eksternal a:hover ul img.def,ul.menu-eksternal a:hover a:hover ul img.def,ul.menu-eksternal a:hover a:hover a:hover ul img.def,ul.menu-eksternal a:hover a:hover img.over,ul.menu-eksternal a:hover a:hover a:hover img.over,ul.menu-eksternal a:hover a:hover a:hover a:hover img.over{display:inline}
ul.menu-eksternal a:hover img.def,ul.menu-eksternal a:hover ul img.over,ul.menu-eksternal a:hover a:hover ul img.over,ul.menu-eksternal a:hover a:hover a:hover ul img.over,ul.menu-eksternal a:hover a:hover img.def,ul.menu-eksternal a:hover a:hover a:hover img.def,ul.menu-eksternal a:hover a:hover a:hover a:hover img.def{display:none}
ul.menu-eksternal a:hover ul,ul.menu-eksternal a:hover a:hover ul,ul.menu-eksternal a:hover a:hover a:hover ul{display:block}
ul.menu-eksternal a:hover ul ul,ul.menu-eksternal a:hover a:hover ul ul{display:none}
ul.menu-eksternal span{
	display:block;
	background-image:url(../images/arrv_blue_2.gif);
	background-position:right center;
	background-repeat: no-repeat;
   padding-right:8px;}
ul.menu-eksternal li:hover>a>span{	background-image:url(../images/arrv_white_2.gif);
}
ul.menu-eksternal a:hover span{	_background-image:url(../images/arrv_white_2.gif)}
ul.menu-eksternal ul span,ul.menu-eksternal a:hover table span{background-image:url(../images/arr_blue_2.gif)}
ul.menu-eksternal ul li:hover > a span{	background-image:url(../images/arr_white_2.gif);}
ul.menu-eksternal table a:hover span,ul.menu-eksternal table a:hover a:hover span,ul.menu-eksternal table a:hover a:hover a:hover span{background-image:url(../images/arr_white_2.gif)}
ul.menu-eksternal table a:hover table span,ul.menu-eksternal table a:hover a:hover table span{background-image:url(../images/arr_blue_2.gif)}
ul.menu-eksternal li a.menu-eksternali0{
font:n;
}
ul.menu-eksternal li a.menu-eksternali0:hover{
font:o;
}

.title-lab-result{
	background: url("../images/img-title-lab-result.png") repeat-x scroll 0 0 transparent;
    border: 1px solid #999999;
    color: #666666;
    float: left;
    font-family: ubuntu;
    font-size: 20px;
    margin-left: 0;
    margin-top: -41px;
    padding: 6px;
    width: 533px;
}

.content-result{
	margin-top: 5px;
	width:100%;
	background-color:white;
    box-shadow: inset 0 0 1px black;
}

.save-pdf{
	position: absolute;
    right: 170px;
    top: 177px;
    word-spacing: 8px;
}

.link-attachment{
    line-height: 1.5;
}

.msg{
	font-family:ubuntu;
	font-size:12px;
	font-weight: bold;
	color:red;
}


.back-to-top{
	bottom: 0;
    box-shadow: 0 0 6px #B4B4AD;
    position: fixed;
    right: 30px;
}

.content-back-to-top{
	color: #737373;
    font-family: ubuntu;
    font-size: 12px;
    line-height: 1.5;
    position: absolute;
    text-align: center;
    top: 13px;
    width: 91px;
}


Back to top button 
*/
#back-top {
	bottom: 0;
    box-shadow: 0 0 6px #B4B4AD;
    position: fixed;
    right: 30px;
}
#back-top a {
	-moz-transition: all 1s ease 0s;
    color: #AAAAAA;
    display: block;
    font: 12px/1.3 Ubuntu;
    text-align: center;
    text-decoration: none;
    width: 91px;
}
#back-top a:hover {
	color: #000;
}
/* arrow icon (span tag) */
#back-top span {
	background: url("../images/icon-arrow.png") no-repeat scroll center center transparent;
    display: block;
    height: 48px;
    width: 48px;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}

/*
#back-top span {
	width: 91px;
	height: 64px;
	display: block;
	background: #ddd url(../images/home-content-button-back-to-top.png) no-repeat center center;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
*/
#back-top a:hover span {
	background-color: #777;
}

Back to top button 
*/
#back-top-eksternal {
	bottom: 0;
    box-shadow: 0 0 6px #B4B4AD;
    position: fixed;
    right: 30px;
}
#back-top-eksternal a {
	-moz-transition: all 1s ease 0s;
    color: #AAAAAA;
    display: block;
    font: 12px/1.3 Ubuntu;
    text-align: center;
    text-decoration: none;
    width: 91px;
}
#back-top-eksternal a:hover {
	color: #000;
}
/* arrow icon (span tag) */
#back-top-eksternal span {
	width: 91px;
	height: 64px;
	display: block;
	background: #ddd url(../images/home-content-button-back-to-top.png) no-repeat center center;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top-eksternal a:hover span {
	background-color: #777;
}

.top-pagination-report-type{
    color: #747474;
    font-family: ubuntu;
    font-size: 12px;
    text-align: center;
    word-spacing: 3px;
}

.bottom-pagination-report-type{
    color: #747474;
    font-family: ubuntu;
    font-size: 12px;
    margin-bottom: 16px;
    margin-top: -18px;
    text-align: center;
    word-spacing: 3px;
}

.text-form{
	font-family:ubuntu;
	font-size:12px;
}

#cssmenu {
	height: 37px;
    left: 0;
    padding: 0;
    position: absolute;
    top: -37px;
}
#cssmenu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#cssmenu ul li {
	background: url("../images/tab-gray-off.png") repeat-x scroll 0 0 transparent;
    border: 1px solid #CCCCCC;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: #666666;
    float: left;
    font-family: ubuntu;
    height: 34px;
    line-height: 2.8;
    margin: 0;
    padding: 0;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 153px;
}

#cssmenu ul li a {
	color: #666666;
    display: block;
    float: left;
    height: 35px;
    text-decoration: none;
    text-transform: uppercase;
}

#cssmenu ul li a span {
	background: url("../images/tab-gray-off.png") repeat-x scroll 0 0 transparent;
    cursor: pointer;
    display: block;
    float: left;
    width: 153px;
	border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}


#cssmenu ul li a:hover,
#cssmenu ul li.active a {
	background: transparent url(../images/tab-gray-on.png) repeat-x;
	border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
#cssmenu ul li a:hover span,
#cssmenu ul li.active a span {
	background: transparent url(../images/tab-gray-on.png) repeat-x;
	border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.left-container{
    height: 290px;
    left: 30px;
    position: absolute;
    top: 30px;
    width: 480px;
}

.eula-container{
	background-color: white;
    border-radius: 8px 8px 8px 8px;
    height: 290px;
    left: 30px;
    position: absolute;
    top: 30px;
    width: 480px;
	-moz-box-shadow: 0 0 8px #888;
	-webkit-box-shadow: 0 0 8px #888;
	box-shadow: 0 0 8px #888; 
}

.right-container{
	top: 25px;
	right: 50px;
    width: 280px;
	position: absolute;
	height: 290px;
}

.top-content-left-container-login-page{
	font-family: ubuntu; 
	font-size: 16px; 
	color: #000000; 
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 10px;
}

.middle-content-left-container-login-page{
	color: black;
    font-family: ubuntu;
    font-size: 12px;
    height: 150px;
    margin-top: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
}

.bottom-content-left-container-login-page{
	color: black;
    font-family: ubuntu;
    font-size: 12px;
    height: 50px;
    margin-top: 0px;
    padding-bottom: 10px;
    padding-top: 10px;
}

.more-info{
	float: left;
    margin-left: 20px;
    margin-top: -7px;
    width: 125px;
}
.dropdown-search-container{
	line-height:2.1;
	font-family:ubuntu;
	font-size:12px;
	color:#666666;
}

.dialog-filter{
	background-color: white;
    border: 1px solid #999999;
    left: 156px;
    padding: 10px;
    position: absolute;
    top: -50px;
	display: none;
}

.border-top-dialog-filter{
	background-color: #9A9A9A;
    height: 10px;
    margin: -10px;
    width: 108%;
}

.img-close-filter{
	float: right; margin-top: 10px;
}

.submit-filter-button{
	position:absolute;bottom:20px;left:11px;
}

.clear-filter-button{
	position:absolute;bottom:20px;left:100px;
}

.text-sq-container{
	float: left;
    width: 285px;
}

.sq-container{
	float: left;
    line-height: 2.5;
    margin-left: 20px;
    margin-top: 75px;
}

.bottom-content-left-sq-container-login-page{
	bottom: 40px;
    position: absolute;
    right: 110px;
}

.title-text-sq-container{
	color: black;
    font-size: 17px;
    font-weight: bold;
    padding-bottom: 15px;
    padding-top: 15px;
}


tr {
    border: 1px solid #FFFFFF;
    height: 22px;
}

a.calendar{
	text-decoration:none;
}

h3.accordion{
	margin-bottom: 5px;
	margin-top: 10px;
	font-size:12px;
	font-family:ubuntu;
	font-weight:bold;
}

/*h3.accordion:hover{
	text-decoration: underline;
}*/

a:hover{
	text-decoration:none;
}