/** General stuff **/
/** Overriding ID5 Verdana font default to use Tahoma so that we can fit more widthways **/
body {
  font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
}

body, #layoutTable, #layoutTable td, #layoutTable th {
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
}

textarea {
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:110%;
}

/** End of Tahoma fixes **/

/** Override some standard5 styles **/

#leftContent {
  width: 160px;
}

#bodyContent {
  margin-left: 180px; /* leftContent.width + 10 */
}

#rhsContent ul li {
	background: none;
}

/** end of standard5 overrides **/


#warwickBar #utilityStrip {
	top: 8px;
}

#siteBanner {
  background: url(/static/images/sitebg.png) bottom left repeat-x;
}

#siteBanner #accountTitle {
}

#siteBanner #filesWarwickLogo {
margin-left:7px;
}

#siteBanner a,
#siteBanner a:link,
#siteBanner a:visited,
#siteBanner a:active { text-decoration:none; color:white; }
#siteBanner a:hover, #siteBanner a:visited:hover, #siteBanner a:link:hover { color:white; text-decoration:underline; }

#siteBannerLogo {
position: absolute;
top:43px;
font-size:210%;
color:white;
display:inline;
}

#mainContent .content ul {
	list-style-image: url(/static/images/bullet.gif);
	padding-left:15px;
	margin-left:0px;
}
#mainContent .content li {
	margin-left:0px;
	padding-left:0px;
}

#mainContent {
  margin-right: 10px; 
}

h1#pageTitle {
	color: #636466;
	border: 0px;
}

h1 img, h2 img {
	vertical-align:middle;
}

h2.warning {
	color:red;
}

h3 {
	font-variant:normal;
}

/** Tables **/

table.fullSizeTable {
	width:100%;
}

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

td img { vertical-align:middle; }

#mainContent .content th {
	color: #E8FFC8;
	font-weight:normal;
	padding:3px;
}

#mainContent .content th a,
#mainContent .content th a:link ,
#mainContent .content th a:active,
#mainContent .content th a:visited { text-decoration:none ; color:#E8FFC8;}
#mainContent .content th a:hover { text-decoration:underline ; color:#FFFFFF;}

tr {
	text-align:left;
}

tr.alternaterow1 {
	background-color:#F3F6ED;
}
tr.alternaterow2 {
	background-color:white;
}
tr td {
	/*background-color:#F3F6ED; */
}

table {
	border-collapse: collapse;
}

div.roundedTable {
	background-image: url(/static/images/tabletopbackground.jpg);
	border: 1px solid #d7dfd1;
	width:95%;
}

div#browseFilesList{
	float: left;
	width:auto;
	display: inline;
	clear:both;
}

p.small {
	font-size:90%;
}

#mainContent th{	
	background-color:#5CA345;
}

#mainContent .content div#browseFilesList td, 
#mainContent .content  div#browseFilesList th{	
padding: 5px 8px 5px 8px;
	vertical-align:middle;
}

div#browseFilesList td input{	
	margin:0px;
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
}


div#browseFilesList td.filesize{
	font-size:90%;
	text-align:right;	
}

/** Quote styles **/

.quotaUsageGraph { 
    position: relative;
    width: 222px; 
    font-size:85%;
    color: #406040;
    background-image: url(/static/images/quotabgclear.gif);
    background-repeat:no-repeat;
    height:27px;
    padding-left:3px;
    padding-right:3px;
    padding-top:1px;
}

.quotaUsageGraph .quotaBar { 
    display: block;
    background: #84bc50; 
    background-image: url(/static/images/quotabg.gif);
    text-align: center; 
    font-weight:bold;
    height:25px;
    vertical-align:middle;
}

span.quotaWording {
	position: absolute;
	left:0px;
	width:100%;
	line-height:25px;
	text-align:center;
	z-index:2;
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
}

div#siteBannerQuota {
	position:absolute;
	right:40px;
	top:46px;
	display:inline;
}


/** Errors **/

span.error, div.error {
	color:red;
	font-weight:bold;
}

/** Sent items **/

pre.inviteComments {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	line-height:0.7em !important;	
}

/** Rounded boxes **/

.roundedBox
{
    border: 1px solid #e5f1e4;
    background-image: url(/static/images/roundedbox3bg.jpg);
    background-repeat: repeat-x;
    margin-bottom:15px;
    width:90%;
}

h2,h3{
	color: #2D8539;
	font-weight:normal;
	font-size: 140%;
}

div.innerBox {
	padding:5px 10px 5px 10px;
}


div.autoWidthBox {
	width:auto;
	float:left;
	margin-right:10px;
}


/** Home page **/


div.box1tr {
	background: transparent url(../images/boxes/box1tr.gif) no-repeat scroll right top;	
	margin: 0px 10px 0px 0px;
}
div.box1tl {
	background: transparent url(../images/boxes/box1tl.gif) no-repeat scroll left top;	
}
div.box1bl {
	background: transparent url(../images/boxes/box1bl.gif) no-repeat scroll left bottom;	
}
div.box1br {
	background: transparent url(../images/boxes/box1br.gif) no-repeat scroll right bottom;	
	padding:5px 5px 5px 10px;
}

div.box2tr {
	background: transparent url(../images/boxes/box2tr.gif) no-repeat scroll right top;	
	margin: 0px 10px 0px 0px;
}
div.box2tl {
	background: transparent url(../images/boxes/box2tl.gif) no-repeat scroll left top;	
}
div.box2bl {
	background: transparent url(../images/boxes/box2bl.gif) no-repeat scroll left bottom;	
}
div.box2br {
	background: transparent url(../images/boxes/box2br.gif) no-repeat scroll right bottom;	
	padding:5px 5px 5px 10px;
}

div#bodyContent div.box2 a,
div#bodyContent div.box2 a:link,
div#bodyContent div.box2 a:active,
div#bodyContent div.box2 a:visited { text-decoration:none ; color:#4d4d4f;}
div#bodyContent div.box2 a:hover { text-decoration:underline ; color:#4d4d4f;}

div#accountsBox {
	/* background-color:#7EB74D; */
	float:left;
	margin-right:15px;
}

div#accountsBoxContent {
	font-size:120%;	
}



div#accountsBox h2 {
	color:white;
	margin-bottom:10px;
}

div#accountsBox img {
	vertical-align:middle;	
}

div#bodyContent div#accountsBox a,
div#bodyContent div#accountsBox a:link,
div#bodyContent div#accountsBox a:active,
div#bodyContent div#accountsBox a:visited { text-decoration:none ; color:white;}
div#bodyContent div#accountsBox a:hover { text-decoration:underline ; color:white;}

div#homepageLogo {
	float:left;
}

div#homepageWording {
	clear:both;
	padding-top:10px;
	padding-bottom:10px;
}


div#faqsBox {
	width: 45%;
	float:left;
	margin-right:10px;
}
div#faqsBox h2 {
	color:#0A6025;
}
	

div#featuresBox {
	width: 45%;
	float:left;
}
div#featuresBox div.box2br, div#faqsBox div.box2br {
	min-height:300px;
}

div#featuresBox h2 {
	color:#0A6025;
}

#mainContent .content div#featuresBox ul li, #mainContent .content div#faqsBox ul li {
	list-style: none;
	list-style-image:none;
	background: transparent url(/static/images/graybullet.gif) no-repeat left center;
	margin-left:0px;
	padding-top:0px;
	padding-left:15px;
	line-height:160%;
	color:#4D4D4F;
}

#mainContent .content div#featuresBox ul li.new, #mainContent .content div#faqsBox ul li.new {
	background: transparent url(/static/images/bullet.gif) no-repeat left center;
	font-weight:bold;
}

div.moreLink {
	padding:5px;
	text-align:right;
}

div#bodyContent div.moreLink a,
div#bodyContent div.moreLink a:link,
div#bodyContent div.moreLink a:active,
div#bodyContent div.moreLink a:visited { text-decoration:none ; font-weight:bold; color:#599E3C;}
div#bodyContent div.moreLink a:hover { text-decoration:underline ; font-weight:bold; color:#599E3C;}

#switchInterface{
	padding-bottom: 10px;
	text-align:left;
	font-size: 120%;
	clear:both;
	padding-top: 10px;
}

#switchInterface a img {
	vertical-align: middle;
}

div#bodyContent #switchInterface a,
div#bodyContent #switchInterface a:link,
div#bodyContent #switchInterface a:active,
div#bodyContent #switchInterface a:visited { text-decoration:none ; font-weight:bold; color:#599E3C;}
div#bodyContent #switchInterface a:hover { text-decoration:underline ; font-weight:bold; color:#599E3C;}

div#bodyContent span.airClientLink a,
div#bodyContent span.airClientLink a:link,
div#bodyContent span.airClientLink a:active,
div#bodyContent span.airClientLink a:visited { text-decoration:none ; font-weight:bold; color:#599E3C;}
div#bodyContent span.airClientLink a:hover { text-decoration:underline ; font-weight:bold; color:#599E3C;}

div#bodyContent .airClientLink-homepage a,
div#bodyContent .airClientLink-homepage a:link,
div#bodyContent .airClientLink-homepage a:active,
div#bodyContent .airClientLink-homepage a:visited { text-decoration:none ; font-weight:bold; color:#599E3C;}
div#bodyContent .airClientLink-homepage a:hover { text-decoration:underline ; font-weight:bold; color:#599E3C;}

div.airClientBadge {
	padding-left: 50px;
	padding-top: 5px;
}

div.airClientLink {
	padding-top: 25px;
	text-align:left;
	font-size: 120%;
	clear: both;
}

div.airClientLink-homepage {
	padding-bottom: 15px;
	text-align:left;
	font-size: 120%;
	clear:both;
	padding-top: 10px;
}

div.airClientLink-browse {
	padding-top: 15px;
	padding-bottom: 25px;	
	float: left;
	font-size: 120%;
}

div.airClientLink-browse img, div.airClientLink-homepage img, div.airClientLink img {
	vertical-align: middle;
}

div#mainContent div.airClientLink-browse a,
div#mainContent div.airClientLink-browse a:link,
div#mainContent div.airClientLink-browse a:active,
div#mainContent div.airClientLink-browse a:visited { text-decoration:none ; font-weight:bold; color:#599E3C;}
div#mainContent div.airClientLink-browse a:hover { text-decoration:underline ; font-weight:bold; color:#599E3C;}

/** Home page **/

body#publicHome h1#pageTitle {
	display:none;	
}

div#yourFolders img {
        vertical-align:middle;
}

div#yourFolders a {
	font-size:140%;
}


/****  Flash movie styles below ****/
/* div#accountsBox {
	float:left;
    height:30em;
	width:460px;
}

div#mainBox {
	height:30em;
	margin-left: 470px;
}

div#mainBox ul{
	font-family:Tahoma,Verdana,Geneva,Arial,Helvetica,sans-serif;
}

#flashcontent { 
	border: 1px solid black; width: 450px;
} */

#mainContent div.roundedBox a,
#mainContent div.roundedBox a:link,
#mainContent div.roundedBox a:active,
#mainContent div.roundedBox a:visited { text-decoration:none ; color:#2D8539;}
#mainContent div.roundedBox a:hover { text-decoration:underline ; color:#2D8539;}

div#downloadscreen {
	margin:5px 10px 5px 10px;
}

/** Upload stuff **/

div#uploadFileStatus { 
	font-weight: bold;
}

div#uploadFileStatus img{
	 vertical-align:bottom;
}

div#progressBar  {
	margin-bottom:4px;	
}

div#virusProgressBar {
	margin-bottom: 4px;
}

/** Auto complete user search **/

#mainContent .content div.auto_complete {
      position:absolute;
      width:250px;
      background-color:white;
      border:1px solid #888;
      margin:0px;
      padding:0px;
    }
    #mainContent .content ul.contacts  {
      list-style-type: none;
      list-style-image: none;
      margin:0px;
      padding:0px;
    }
    #mainContent .content ul.contacts li.selected { background-color: #ffb; }
    #mainContent .content li.contact {
      list-style-type: none;
      list-style-image: none;
      display:block;
      margin:0;
      padding:2px;
      height:58px;
    }
    
   #mainContent .content li.contactGroup {
				background-image: url('/static/images/send_group.gif');
				background-repeat:no-repeat;
				background-position: 0px 2px;
				padding-left:23px;
    }
    
    #mainContent .content li.contactUser {
				background-image: url('/static/images/send_secure.gif');
				background-repeat:no-repeat;
				background-position: 0px 2px;
				padding-left:23px;
    }
    
    #mainContent .content li.contactEmail {
				background-image: url('/static/images/email_send.gif');
				background-repeat:no-repeat;
				background-position: 0px 2px;
				padding-left:23px;
				height:34px;
    }
    
    #mainContent .content li.contact span.fullName {
      font-weight:bold;
      font-size:85%;
      line-height:1.2em;
    }
    #mainContent .content li.contact span.email {
      font-size:80%;
      color:#888;
    }
    #mainContent .content li.contact span.department {
      font-size:80%;
      color:#888;
    }
    #mainContent .content li.contact span.userId {
      font-size:85%;
      color:#888;
    }
    
    li.contact img {
    	vertical-align:middle;
    }
    
    #mainContent .content #list {
      margin:0;
      margin-top:80%;
      padding:0;
      list-style-type: none;
      width:250px;
    }
    #mainContent .content #list li {
      margin:0;
      margin-bottom:4px;
      padding:5px;
      border:1px solid #888;
      cursor:move;
    }


    div#messageInfo {
		float:left;
		width:320px;
		margin-top:10px;
    }
    
    div#recipients {
		float:left;
		margin-top:10px;
    }
    
/** Permissions **/

	div#addPermBox {
		float:left;
		width:48%;
		margin-top:10px;
    }
    
    div#permsListBox {
		float:right;
		width:48%;
		margin-top:10px;
    }
    div#permsListBox div#permsList ul {
    	margin-top:0px;
		margin-bottom:15px;
	}
	div#permsListBox h2 {
		margin-bottom:0px;
	}
    
    span#userSearchHint {
    	color:gray;
    }
      h2 span.smallhelp {
   	color:gray;
   	font-size:65%;
   }
   
/** Charts **/

div.chart {
	border:1px solid black;
	padding:10px;
	text-align:center;	
	margin-bottom:15px;
}

/** OAuth authorisation **/
#oauth-authorisation {
	padding: 10px;
}

#oauth-authorisation .flashMessage {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
background:#DAE5F3 none repeat scroll 0 0;
border:1px solid #0071A7;
color:#0071A7;
margin:0 5px 5px;
padding:5px;
}

#oauth-authorisation p {
	line-height: 1.4em;
}

#concurrency-error {
	padding: 20px;
	margin: 10px;
}