/*
 * FileSender www.filesender.org
 *
 * Copyright (c) 2009-2012, AARNet, Belnet, HEAnet, SURFnet, UNINETT
 * All rights reserved.
 *
 * Redistribution and use in source and binary forms, with or without
 * modification, are permitted provided that the following conditions are met:
 *
 * *	Redistributions of source code must retain the above copyright
 * 	notice, this list of conditions and the following disclaimer.
 * *	Redistributions in binary form must reproduce the above copyright
 * 	notice, this list of conditions and the following disclaimer in the
 * 	documentation and/or other materials provided with the distribution.
 * *	Neither the name of AARNet, Belnet, HEAnet, SURFnet and UNINETT nor the
 * 	names of its contributors may be used to endorse or promote products
 * 	derived from this software without specific prior written permission.
 *
 * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
 * AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
 * IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
 * DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE
 * FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL
 * DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR
 * SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER
 * CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY,
 * OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
 * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
 */

html, body {
	background: white;
	color: #333;
	/*font: 83%/1.5 arial, tahoma, verdana, sans-serif;*/
	color: #525252;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	padding: 0px;
	margin: 0px;
	font-family: Verdana, Geneva, sans-serif;
}

/* LISTS */
ul {
	/*margin: .3em 0 1.5em 2em;*/
}

/*ul.related {
	margin-top: -1em;
}*/

li {
	/*margin-left: 2em;*/
}

img {
	border: none;
	display: block;
}

a 
{
	color: #333333;
}

td {
	vertical-align: top;
	padding: 3px;
}

.headerrow {
	background-color: #CCC;
}

#topmenu
{
	padding-left: 20px;
	height: 30px;
}

.menu a
{
	margin-right: 10px;
	font-size: 12px;
}

#menuright
{
	float: right;
	padding-right: 10px;
	position: relative;
}

#menuleft
{
	position: relative;
	float: left;
}

input,textarea
{
	width:100%;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
}

#box {
	padding: 20px;
	border: 1px solid #cccccc;
	border-radius:10px;
	-moz-border-radius: 10px;
	margin: 5px auto;
}

#tog {
	padding: 20px;
	border: 1px solid #cccccc;
	border-radius:10px;
	-moz-border-radius: 10px;
	margin: 20px auto;
}

.altcolor {
	background-color: #EFEFEF;

}
.validation_msg {
	font-size: 10px;
	color: #d00;
}
.scratch_msg {
	font-size: 10px;
	color: #d00;
}
.formfieldheading {
	width: 110px;
}
.formfield {
	width: 250px;
}
.formfiledmsg {
	width: 220px;
	font-weight: normal;
}
.forminstructions {
	font-weight: normal;
	vertical-align: middle;
}
input {
	/*border:1px solid #ccc;
	font-size: 13pt;
	padding: 5px 10px 5px 10px;
	border-radius:5px;
	-moz-border-radius: 5px;*/
}
/* overide button style */
.ui-button
{
	/*background-color: #333;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #000;
	border-right-color: #000;
	border-bottom-color: #999;
	border-left-color: #000;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	color: #FFF;*/
}
.ui-button:hover
{
	/*background-color: #900;*/
}
.ui-state-default
{
	/*background-image: none;	*/
}

#fileToUpload {
	/* [disabled]border: 1px solid #ccc; */
	/* [disabled]border-radius: 5px; */
	/* [disabled]-moz-border-radius: 5px; */
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	margin-right: 10px;
}
#aup
{
	width: 20px;	/*margin-left: -1px;*/
}
#aup_label{
	font-weight: bold;
}

/*#progressIndicator {
}
#progressBar {
	height: 14px;
	border: 1px solid #cccccc;
	display: none;
	border-radius:10px;
	-moz-border-radius: 10px;
	background-image: -moz-linear-gradient(top, #66cc00, #4b9500);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#66cc00), to(#4b9500));
}*/
/*#upload_frame {
	border:0px;
	height:40px;
	width:400px;
	display:none;
}*/

#progress_image {
margin-top: 4px;
}

#progress_container {
	width: 300px;
	height: 20px;
	border: 1px solid #CCCCCC;
	background-color:#CCCCCC;
	display: block;
	margin-right: 0px;
	margin-left: 20px;
	padding-top: 1px;
	padding-right: 1px;
	padding-bottom: 1px;
	padding-left: 1px;
}

#progress_bar {
	position: relative;
	height: 20px;
	background-color: #090;
	width: 0%;
	z-index:10;
	color: #FFF;
	padding-left: 4px;
}
#progress_completed {
	z-index:40;
	line-height:30px;
	padding-left:4px;
	color:#333333;
	width: 100%;
}
#container {
	height: 60px;
	margin: auto;
	margin-bottom: 20px;
	width: 100%;
	background: url('/images/bg.jpg') repeat-x scroll 0 0 white;
}
#wave {
	height: 60px;
	background: url('/images/menu_bg.jpg') no-repeat scroll left center transparent;
	margin: auto;
	width: 609px;
}
#wave h1 {
	color: #274A63;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 20px;
	font-weight: bold;
	margin: 0;
	padding: 20px 0 0;
	text-align: center;
}
#login {
	float: right;
	margin: 10px;
	color: #ffffff;
	font-weight: bold;
}
.button {
	background-image: url("/images/button-bkgnd.png");
	color: #ffffff;
	padding: 0.4em 1em;
	margin-left: 10px;
	background-size: 100% 100%;
	border-radius: 3px 3px 3px 3px;
	border: medium none;
	cursor: pointer;
	font-family: arial;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	white-space: nowrap;
}
#wrap {
	background: #fff;
	text-align: left;
	/*width: 800px;*/
	margin-left: auto;
	margin-right: auto;
	margin-bottom: auto;
	height: 100%;
}
#restenabar {
	width: 100%;
	height: 34px;
	background-color: #2e464f;
	background-image: url("/images/head-bg.png");
	background-repeat: repeat-x;
	border-bottom: 2px solid #000;
	margin-bottom: 20px;
	margin-top: 0px;
	font-family: Arial,"DejuVu Sans",sans-serif;
}
#restenabar div.headerright {
	float: right;
	width: 20px;
	height: 29px;
	margin: 6px 10px 0 0;
	background-image: url("/images/logout.png");
	background-repeat: no-repeat;
}
#restenabar div.headerright a.icon {
	display: block;
	width: 100%;
	height: 100%;
}
#restenabar div.headerleft {
	float: left;
	font-size: 110%;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	text-shadow: 1px 1px 0px #000;
	cursor: default;
}
#restenabar div.headerleft div.navipoint {
	float: left;
	display: inline;
	height: 28px;
	padding: 8px 0px 0px 10px;
}
#restenabar div.headerleft div.navipoint span.point-arrow {
	float: right;
	width: 13px;
	height: 8px;
	margin: 5px 2px 0 5px;
	background-image: url("/images/navi-arrow-normal.png");
	background-repeat: no-repeat;
	text-indent: -10000px;
	overflow: hidden;
}
#restenabar div.headerleft div.navipoint ul.dropdown {
	position: absolute;
	display: none;
	margin-left: -10px;
	z-index: 100;
	background-color: #162329;
	border: 1px solid #090e11;
	border-bottom: 0px;
	padding: 0px;
}
#restenabar div.headerleft div.navipoint a {
	color: #fff;
	text-decoration: none;
	font-size: 13px;
	font-weight: none;
}
#restenabar div.headerleft div.navipoint a:hover {
	color: #7eaa42;
}
#restenabar div.headerleft div.navipoint ul.dropdown li {
	position: relative;
	border-bottom: 1px solid #919294;
	white-space: nowrap;
	height: 19px;
	padding: 5px 15px 0px 8px;
	margin: 0px;
	list-style: none;
}
#restenabar div.headerleft div.navipoint ul.dropdown li a {
	display: block;
	color: #fff;
	text-decoration: none;
}
#restenabar div.headerleft div.navipoint ul.dropdown li a:hover {
	color: #7eaa42;
}
#content {
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	font-size: 12px;
	height: auto;
}

#box, .box  {
	padding: 25px;
	border: 1px solid #cccccc;
	border-radius:5px;
	-moz-border-radius: 5px;
	margin-top: 4px;
	margin-bottom: 4px;
}
#message {
	background-color: #AAC1A4;
	text-align: center;
	font-size: 12px;
	padding: 4px;
	margin-top: 4px;
	margin-bottom: 4px;
}
#errmessage {
	background-color: #FFF;
	text-align: center;
	font-size: 12px;
	padding: 4px;
	border: 1px solid #F00;
}
#pageheading {
	width: 100%;
	font-size: 16px;
	font-weight: bold;
		margin-bottom: 10px;
}

#uploadbutton  a {
	width:100%;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
/*	font-size: 18px;*/
	font-weight: bold;
}

#downloadbutton  a {
	display: block;
	margin-left: auto;
	margin-right: auto;
/*	width: 80%;*/
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
/*	font-size: 18px;*/
	font-weight: bold;
}

#voucherbutton  a {
	/*width:100%;*/
	font-weight: bold;
}


.mandatory{
	color: #000;
	font-weight: bold;
}
.HardBreak

{
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */

}
#serviceinfo
{
	float: right;
	position: relative;
}
.versionnumber
{
	text-align: right;
	float: right;
	color: #666;
	font-size: 9px;
	padding-top: 3px;
}
.html5link
{
	float: right;
	color: #666;
	font-size: 9px;
}
#userinformation
{
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 20px;
	padding-left: 20px;
	height:auto;
}
.tblmcw1
{
	width: 18px;	
}

.tblmcw2
{
	width: 24px;	
}
.tblmcw3
{
	width: 90px;	
}

.welcomeuser
{
	position: relative;
	float: left;	
	font-size: 12px;
}
#footer
{
	text-align: center;
	font-size: 10px;
	color: #666;
}


.dr1
{

	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
}
.dr2
{
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	
}

.dr3
{
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	margin-bottom: 4px;
}
.dr4
{
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
}
.dr5
{
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
}
.dr6
{
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
}
.dr7
{
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
}
.dr8
{
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
}

.dr9
{
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
}
.dr10
{
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
}
.dr11
{
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
}
.dr12
{
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
}

.dr13
{
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
}
.expct
{
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
}

/* JQuery UI overides */
.ui-widget {
	font-family: Verdana,Arial,sans-serif;
	font-size: 0.8em;
}

.ui-dialog .ui-dialog-buttonpane button {
	cursor: pointer;
	margin: 0.5em 0.4em 0.5em 0;
	padding: 6px;
	padding-left:10px;
	padding-right:10px;
}

.rowdivider
{
	background-color: rgb(229,229,229);
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: rgb(255,255,255);
	border-bottom-color: rgb(223,223,223);
}

pre
{
	font-family: Verdana, Geneva, sans-serif;
	margin: 0;
}