/* This class defines the syles for all generic links */
.groupslink {color: #999999; font weight: normal}
a.groupslink:link {color: #003399;  text-decoration: none}
a.groupslink:visited {color: #003399; text-decoration: none}
a.groupslink:hover {color: #888888; text-decoration: none}
a.groupslink:active {color: #888888; text-decoration: none}

div#DIDocumentLibrary {

}

div#DIDocumentLibrary a{

}

div#DIDocumentLibrary a:hover{

}

div#DIDocumentLibrary a:visited{

}

div#DIDocumentLibrary a:active{

}

div#DIDocumentLibrary a{font weight: normal}
div#DIDocumentLibrary a:link {color: #003399;  text-decoration: none}
div#DIDocumentLibrary a:visited{color: #003399; text-decoration: none}
div#DIDocumentLibrary a:hover {color: #888888; text-decoration: none}
div#DIDocumentLibrary a:active{color: #888888; text-decoration: none}
.list2, .list6, .list5 {
  background:#f6f6f6;
}
.heading {
  font-weight:bold;
}
/* This class defines the styles for table headers in the groups */
.groupsTableHeader
{
	color: #FFFFFF;
	background-color: #000066;
	font-family : Verdana, tahoma, Arial;
	font-size : 11px;
	font-weight: bold;
	padding-left: 4px;
	padding-right: 4px;
}

.groupsSubHeading {
	color: #FFFFFF;
	background-color: #000066;
	font-family : Verdana, tahoma, Arial;
	font-size : 11px;
	font-weight: bold;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	width: 100%;
}

/* This class defines table backgrounds */
.groupsList1
{
	color: #14314F;
	background-color:  #e5e5e5;
	line-height: 14px;
	font-family : Verdana,tahoma,Arial;
	font-size : 10px;
	font-weight: normal;
}

/* This class defines table backgrounds with bold type */
.groupslist1bold
{
	color: #000;
	font-weight: bold;

}

/* This class defines table backgrounds */
.groupsList2
{
	line-height: 14px;
}

/* This class defines table backgrounds for days of the month in the groups */
.groupsMainDisplayBackground
{
	color: #14314F;
	background-color:  #e5e5e5;
	line-height: 14px;
	font-family : Verdana,tahoma,Arial;
	font-size : 10px; font-weight: normal;
}

/* This class defines table backgrounds for non days of the month in the groups */
.groupsMainDisplayBackground2
{
	color: #14314F;
	background-color:  #f5f5f5;
	line-height: 14px;
	font-family : Verdana,tahoma,Arial;
	font-size : 10px;
	font-weight: normal;
}
/* This class defines the border between days of the month */
.groupsMainDisplayBorder
{
	background-color:  #F4F4F4;
}

/* This class defines the styles for all generic buttons */
.groupsInputSubmit1
{
	cursor:pointer;
	padding-left:15px;
	color: #000;
	background:#fff url(../images/right_arrow.gif) no-repeat left;
	text-decoration:underline;
	font-weight: bold;
	border:0;
}

/* This class defines the styles for all buttons on the main groups display*/
.groupsInputSubmit2
{
	color: #000000;
	background-color: #FdFdFd;
	border-top : 1px solid #000000;
	border-bottom : 1px solid #000000;
	border-left : 1px solid #000000;
	border-right : 1px solid #000000;
	font-family : Verdana,tahoma,Arial;
	font-size : 10px;
	font-weight: bold;
}

/* This class defines the styles for all input boxes*/
.groupsInputBox
{
	color: #000000;

	font-weight: normal;
}

/* This class defines the styles for all text areas*/
.groupsInputBoxTextArea
{
	color: #000000;
	background-color: #FDFDFD;
	border-top : 1px solid #000000;
	border-bottom : 1px solid #000000;
	border-left : 1px solid #000000;
	border-right : 1px solid #000000;
	font-family : Verdana,tahoma,Arial;
	font-size : 10px;
	font-weight: normal;
}

/* This class defines the styles for main tables*/
.groupsTable1
{
	width:100%;

}
.groupsTable1 caption {
	font-weight:bold;
	margin-top:5px;
	left:0px;
}
.groupsTable
{
	border: 1px solid #000000;
}

/* This class defines the styles for all admin control panel links*/
.groupsIconLink {color: #999999; font weight: normal}
a.groupsIconLink:link {color: #003399;  text-decoration: none}
a.groupsIconLink:visited {color: #003399; text-decoration: none}
a.groupsIconLink:hover {color: #888888; text-decoration: none}
a.groupsIconLink:active {color: #888888; text-decoration: none}

/* This class defines the styles for all error messages */
.groupsError {
	color: #FF0000;
}

/* This class defines the styles for all headings */


/* Item List Styles */
a.hasicon {padding-left: 20px; background: no-repeat; padding-top: 1px;}
a.hasicon span.import-error {margin-top: -1px; padding-top: 0; padding-bottom: 1px;}
a.control {float: right;}
a.download {background-image: url(/images/icons/arrow_down.png);}
.itemlist {margin: 0; list-style: none}
.itemlist tr th{background: #000066; color: #FFFFFF;}
.itemlist tr td.control {text-align: center; white-space: nowrap;}
.itemlist li {margin: 0; display: block; width:100%; padding: 3px; margin-bottom: 1px;}
.itemlist.inline li {display: inline; width: auto; margin-bottom: 0px}
.itemlist .row {background-color: #F5F5F5;}
.itemlist .alternaterow {background: #EEEEEE;}
.itemlist li a {padding-right: 20px}
.itemlist td {background: none;}
.itemlist a.back {background: url(/images/icons/arrow_left.png) no-repeat;}
.itemlist .user a.add {background: url(/images/icons/user_add.png) no-repeat;}
.itemlist .user a.import {background: url(/images/icons/page_excel.png) no-repeat;}
.itemlist .user a.welcomemessage {background: url(/images/icons/email_edit.png) no-repeat;}
.itemlist .user a.view {background: url(/images/icons/user.png) no-repeat;}
.itemlist .user a.delete {background: url(/images/icons/user_delete.png) no-repeat;}
.itemlist .user a.edit {background: url(/images/icons/user_edit.png) no-repeat;}
.itemlist .user a.permissions {background: url(/images/icons/key.png) no-repeat;}
.itemlist .user a.activity {background: url(/images/icons/status_online.png) no-repeat;}
.itemlist .user a.expired {background: url(/images/icons/group_delete.png) no-repeat;}
.itemlist .user a.active {background: url(../images/icons/group.png) no-repeat;}
table.itemlist {width: 100%; font-size: 75%;}
th.sortable {cursor:pointer; }

/* Spreadsheet Styling */
div.spreadsheet {width: 100%; overflow: auto; font-size: 80%;}
div.spreadsheet table tr th{background-color: #E4ECF7; border-top: 1px solid #9EB6EC; border-right: 1px solid #9EB6EC; font-weight: bold; text-transform: uppercase;  white-space: nowrap;}
div.spreadsheet table tr th.first{border-left: 1px solid #9EB6EC;}
div.spreadsheet table tr th.last{border-bottom: 1px solid #9EB6EC;}

div.spreadsheet table tr td{border-top: 1px solid #D0D7E5; border-right: 1px solid #D0D7E5;}
div.spreadsheet table tr.last td{border-bottom: 1px solid #D0D7E5;}
div.spreadsheet table tr td.error {background-color: #FDB5B5; padding-left: 22px; background: #FDB5B5 url(/images/icons/error.png) no-repeat 2px 1px;}
div.spreadsheet table tr td.note {padding-left: 22px; background: url(/images/icons/note.png) no-repeat 2px 1px;}
div.spreadsheet table tr td.ok {background-color: #FDB5B5; padding-left: 22px; background: #FDB5B5 url(/images/icons/accept.png) no-repeat 2px 1px;}
div.spreadsheet table tr td.result-ok {padding-left: 20px; background: url(/images/icons/accept.png) no-repeat 4px 2px;}
div.spreadsheet table tr td.result-error {padding-left: 20px; background: url(/images/icons/error.png) no-repeat 4px 2px;}
div.spreadsheet table tr td.error select {font-size: 80%; border: 1px solid #FF0000;}
div.spreadsheet table tr td.error input.text {font-size: 80%; border: 1px solid #FF0000; width:100%;}
div.spreadsheet table tr.imported-user td {cursor: pointer;}

/* Permissions Selector */
div#permissions-selector {margin-bottom: 17px;}
div#permissions-selector label {display: block;}
div#permissions-selector select {width: 100%; height: 300px;}
div#permissions-selector div#column-1{float: left; width: 40%;}
div#permissions-selector div#column-2{float: left; width: 20%; text-align: center; margin-top: 80px;}
div#permissions-selector div#column-3{float: left; width: 40%;}
div#permissions-selector div#column-2 input#add {}
div#permissions-selector div#column-2 input#add-all {}
div#permissions-selector div#column-2 input#remove {}
div#permissions-selector div#column-2 input#remove-all {}
div#permissions-selector div#clear-fix {clear: both;}

div#submit {}

.import-error {color: #CC0000; background: url(/images/icons/error.png) no-repeat; padding-left: 20px;}
.import-error * {background: none;}

.import-success {color: #00CC00; background: url(/images/icons/accept.png) no-repeat; padding-left: 20px;}
.import-success * {background: none;}

div.editor {position: absolute; border: 1px solid #D0D7E5; font-size: 80%; background: #FFFFFF; padding: 2px;}
div.editor select {font-size: 80%;}
div.editor input {font-size: 80%;}
div.editor label {display: none;}
div.editor.error label {display: block; padding-left: 20px; background: url(/images/icons/error.png) no-repeat}
div.editor.error {border-color: #FF0000; background: #FDB5B5;}
div.editor form {margin: 0;}
div.editor .editor-note {padding-left: 22px; background: url(/images/icons/note.png) no-repeat}

/* Screen Overlay */
div.overlay {
	width: 100%;
	background: #000000;
	position: absolute;
	top: 0;
	left: 0;
	height: 500px;
}

div.window-container {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
}

div.upload-window {
	width: 300px;
	margin: 0 auto;
	position: relative;
	text-align: center;
	padding: 8px;
	background: #FFFFFF no-repeat;
	padding-bottom: 30px;
}

div.upload-window h4 {margin-bottom: 17px; font-size: 120%;}
div.upload-window img {margin-bottom: 17px;}
div.progress-meter {background: url(/images/loading.gif) no-repeat center; width: 100%px; height:32px; line-height: 32px; margin-bottom: 17px;}