/* CSS Mobile Reset */
html, body
{
 margin: 0;
 padding: 0; 
 border: 0;
 height: 100%;
}

body,input,textarea,select,button { font-family:Arial, sans-serif; line-height:1.5;font-size:1em;}

h1, h2, h3, h4, h5, h6{ font-weight: normal; }

p img { float: left; margin: 0 10px 5px 0; padding: 0; }

img { border: 0; max-width: 100%; }

table { width:auto; border-collapse: collapse;border-spacing: 0; clear:both; }


body {background:#ffffff; margin:0; padding:0; font:12px Arial, Tahoma, Helvetica, sans-serif;}
label {font:12px Arial, Tahoma, Helvetica, sans-serif;}
input[type='text'],input[type='password'] {margin:0; padding:3px 0;}
ul {margin:0; padding:0; list-style-type:none;}
.container {margin-left:10px;}
#header {height:auto !important; height:20px; min-height:20px; padding:10px 0; background-color:#224272; text-align:center;}
#m-toolbar1 {padding:3px; padding-left:5px; min-height:14px; background-color:#fbfbfb; border-bottom:solid 1px #e2e2e2; overflow:hidden;}
#m-toolbar2 {margin-bottom:5px; padding:3px; padding-left:5px; min-height:14px; background-color:#f5f5f5; border-bottom:solid 1px #cfcfcf; overflow:hidden;}
#m-footer {margin-top:10px; padding-top:3px; border-top:solid 2px #224272; text-align:center;}
p {font-family: Arial, Tahoma, Helvetica, sans-serif; font-size: 100%;}
h1 {font:bold 14px Arial, Tahoma, Helvetica, sans-serif; margin: 5px 0 0 3px; color:#224272;}
a:link, a:visited, a:active {color:#224272; text-decoration:underline;}
a:hover { text-decoration:none;}
.buttonlink {padding:2px; background-color:#224272; color:#ffffff !important; cursor:pointer;}
a.buttonlink:link, a.buttonlink:visited, a.buttonlink:active {text-decoration:none;}
.msg-box-red {margin:5px; padding:10px 0 0 10px; border:solid 1px #ff6666; background-color:#ffcccc; }

.msg-box-red p {
	margin:0 0 10px 0;
	color:#CC3300;
	font-weight:bold;
}

#passwordoverlay, #usernameoverlay {
	color: #CECECE;
    font-size: 18px;
    left: 10%;
    position: absolute;
    margin-top:8px;
	margin-left:6px;
	text-align:left;
	width:80%;
	cursor:pointer;
}
#LoginContainer {text-align:center; margin-top:10px;}
#LoginContainer li {margin-bottom:10px; position:relative;}
#LoginContainer .ButtonBorder, #LoginContainer input {font-size:18px; width:80%;}
#LoginContainer .ButtonBorder input {width:100%;}
.ButtonBorder {
    border: 1px solid #234473;
    -moz-border-radius:5px;
	border-radius:5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
    display: inline-block;
    padding: 0;

}

input[type="submit"] {
    background: url("/portal/static/images/mobile/button-tile.png") repeat-x scroll 0 0 transparent;
    border: 1px solid #AABBC9;
    -moz-border-radius:5px;
	border-radius:5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-family: arial;
    line-height: 19px;
    margin: 0;
    padding: 3px 10px 5px;
    text-decoration: none;
}
#BreadcrumbToolbar {
	background:url("/portal/static/images/mobile/breadcrumb-tile.png") repeat-x;
	height:22px;
	clear:both;
	padding-left:2px;
	overflow:hidden;
}
.breadcrumb-item {
	float: left;
	font-weight: bold;
	padding: 4px 0 3px 4px;
	white-space: nowrap;
}

.breadcrumb-item a:link, .breadcrumb-item  a:visited, .breadcrumb-item  a:active {text-decoration:none;}

.breadcrumb-seperator {
	background: url("/portal/static/images/mobile/breadcrumb-seperator.png") repeat scroll 0 0 transparent;
	float: left;
	height: 22px;
	width: 8px;
}

#TopToolbar {
	height:39px;
	width:100%;
	background:url("/portal/static/images/mobile/top-toolbar-tile.png") repeat-x;
	padding-top:2px;
}

#TopToolbar li {
	float:left;
    margin: 4px 5px 0;
}

#TopToolbar li a {
    display: block;
    font-weight: bold;
    line-height: 180%;
    padding: 4px 12px;
    text-align: center;
    text-decoration: none;
}

#TopToolbar li.selected a, #TopToolbar li a:hover {
	background:#224272;
    -moz-border-radius:5px;
	border-radius:5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	color:#fff;
}

#wrap {
	width:100%;
	position:relative;
	min-height:100%;
}

#BottomToolbar {
	position: absolute;
	width:100%;
	height: 35px;
	clear:both;
	background:#f5f5f5;
	border-top:1px solid #fff;
	bottom:0;
}

#BottomToolbar li {
	float:left;
	padding:10px 10px 8px;
}

#BottomToolbar li a {
	font-weight:bold;
	text-decoration:none;
    height: 18px;
	font-size:13px;
}

#BottomToolbar li a img  {
	float:left;
	margin-right:5px;
}

.ItemContainer {
	margin-top:6px;
	padding-bottom:36px;
}

.ItemContainer img {
	margin-left:10px;
}

.ItemContainer img.ImagePreview {
	margin-left:0;
}

#ListContainer {
	font-size:13px;
	padding-bottom:36px;
}

#ListContainer table {
	width:100%;
}

#ListContainer td {
	padding:10px 0 10px 10px;
	border-bottom:1px solid #eeeeee;
	cursor:pointer;
}

.ItemContainer table td {
	padding-bottom:8px;
	font-size:13px;
}

#ListContainer table td a {
	text-decoration:none;
	font-weight:bold;
	line-height:170%;
	color:#224272;
}

#ListContainer table td a img {
	max-width:none;	
}

#ListContainer table td .filename span {
	word-wrap:break-word;
	-ms-word-break: break-all;
    word-break: break-all;
	word-break: break-word;
}

.LoginFailureContainer {
	width:100%;
}

.action-notification {
    padding: 10px;
	margin:10px;
	background: url("../images/mobile/actions-sprite.png") no-repeat #eee; 
	border: 1px solid #DDD;
	border-radius: 5px;
}

.action-notification .msg-box-white {
	margin-left:50px;	
}
#createFolder .msg-box-white {
	margin-left:60px;	
}



.action-notification p {
	margin:0 0 6px 0;
	line-height:1.5;
}

#createFolder {
	background-position:10px -590px;
}

#uploadFile {
	background-position:10px -390px;
}

#renameFile {
	background-position:10px -190px;
}

#deleteFile {
	background-position:10px 10px;
}

#deleteFile .ButtonBorder {
	margin-right:30px;
}

#uploadFile .ButtonBorder {
	margin-top:10px;
}

#gatrack {
	position:absolute;
	left:-9999px;	
}