/* ############### Admin Classes ############### */
/* LINKS */
a.prosessLink {
    color: #095dca;
    text-decoration: none;
    background: transparent url("../../App_Themes/Whirlpool/Images/link_bg_dot3.gif" ) no-repeat left center;
    padding-left: 8px;
}

a:hover.prosessLink {
    text-decoration: underline;
    background: transparent url("../../App_Themes/Whirlpool/Images/link_bg_dot2.gif" ) no-repeat left center;
    padding-left: 8px;
}

a.cancelLink {
    color: #095dca;
    text-decoration: none;
    background: transparent url("../../App_Themes/Whirlpool/Images/link_bg_dot1.gif" ) no-repeat left center;
    padding-left: 10px;
}

a:hover.cancelLink {
    text-decoration: underline;
    background: transparent url("../../App_Themes/Whirlpool/Images/link_bg_dot.gif" ) no-repeat left center;
    padding-left: 10px;
}

a.editLink {
    color: #095dca;
    text-decoration: none;
    background: transparent url("../../App_Themes/Whirlpool/Images/link_bg_edit.png" ) no-repeat left center;
    padding-left: 18px;
}
a.editRightsLink {
    color: #095dca;
    text-decoration: none;
    background: transparent url("../../App_Themes/Whirlpool/Images/link_bg_edit_rights.png" ) no-repeat left center;
    padding-left: 18px;
}
a.editKeywordsLink {
    color: #095dca;
    text-decoration: none;
    background: transparent url("../../App_Themes/Whirlpool/Images/link_bg_edit_keywords.png" ) no-repeat left center;
    padding-left: 18px;
}

a.manageLink {
    color: #095dca;
    text-decoration: none;
    background: transparent url("../../App_Themes/Whirlpool/Images/link_bg_manage.png" ) no-repeat left center;
    padding-left: 18px;
}

a.removeLink {
    color: #095dca;
    text-decoration: none;
    background: transparent url("../../App_Themes/Whirlpool/Images/link_bg_delete.png" ) no-repeat left center;
    padding-left: 18px;
    margin-left: 0px;
}

a.addLink {
    color: #095dca;
    text-decoration: none;
    background: transparent url("../../App_Themes/Whirlpool/Images/link_bg_add.png" ) no-repeat left center;
    padding-left: 18px;
}
a.downloadZip {
    color: #095dca;
    text-decoration: none;
    background: transparent url("../../App_Themes/Whirlpool/Images/link_download_zip.png" ) no-repeat left center;
    padding-left: 18px;
}
a.sendEmail {
    color: #095dca;
    text-decoration: none;
    background: transparent url("../../App_Themes/Whirlpool/Images/link_email_link.png" ) no-repeat left center;
    padding-left: 18px;
}
a.uploadLink {
    color: #095dca;
    text-decoration: none;
    background: transparent url("../../App_Themes/Whirlpool/Images/link_bg_upload.png" ) no-repeat left center;
    padding-left: 18px;
}

a:hover.editLink, a:hover.manageLink, a:hover.removeLink, a:hover.addLink, a:hover.editRightsLink, a:hover.editKeywordsLink, a:hover.downloadZip, a:hover.sendEmail, a:hover.uploadLink  {
    text-decoration: underline;
}

a.howToLink {
    color: #095dca;
    text-decoration: underline;
    background: transparent url("../../App_Themes/Whirlpool/Images/link_bg_dot3.gif" ) no-repeat left center;
    padding-left: 10px;
}
a.howToLink {
    text-decoration: underline;
    background: transparent url("../../App_Themes/Whirlpool/Images/link_bg_dot2.gif" ) no-repeat left center;
    padding-left: 10px;
}



/* ROUNDED BOXES */
.roundedBox200 {
    background: transparent url("../../App_Themes/Whirlpool/Images/roundedBox200bottom.gif" ) no-repeat left bottom;
    border: none;
    display: block;
    /* float: left; */
    padding: 0px 0px 15px 0px;
    width: 200px;
}
.roundedBox200 h2 {
    background: transparent url("../../App_Themes/Whirlpool/Images/roundedBox200top.gif" ) no-repeat left top;
    /* color: #4986bb; */
    color: #555555;
    letter-spacing: 1px;
    margin: 0px 0px 0px 0px;
    padding: 7px 0px 5px 20px;
    width: 180px;
}
.roundedBox200 ul, .roundedBox200 li {
}
.roundedBox300 {
    background: transparent url("../../App_Themes/Whirlpool/Images/roundedBox300bottom.png" ) no-repeat left bottom;
    border: none;
    display: block;
    /* float: left; */
    padding: 0px 0px 15px 0px;
    width: 300px;
}
.roundedBox300 h2 {
    background: transparent url("../../App_Themes/Whirlpool/Images/roundedBox300top.png" ) no-repeat left top;
    /* color: #4986bb; */
    color: #555555;
    letter-spacing: 1px;
    margin: 0px 0px 5px 0px;
    padding: 7px 0px 0px 10px;
    width:300px;
}
.roundedBox300 ul, .roundedBox300 li {
}
.roundedBox380 {
    background: transparent url("../../App_Themes/Whirlpool/Images/roundedBox380bottom.gif" ) no-repeat left bottom;
    border: none;
    display: block;
    /* float: left; */
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 10px 0px;
    width: 380px;
}
.roundedBox380fading {
    background: transparent url("../../App_Themes/Whirlpool/Images/roundedBox380fading.gif" ) no-repeat left top;
    border:none;
    display: block;
    float: left;
    margin: 0px 0px 5px 0px;
    padding: 7px 0px 0px 10px;
    width: 380px;
}
.roundedBox380 h2 {
    background: transparent url("../../App_Themes/Whirlpool/Images/roundedBox380top.gif" ) no-repeat left top;
    color: #4986bb;
    letter-spacing: 1px;
    margin: 0px 0px 5px 0px;
    padding: 7px 0px 0px 10px;
    width: 370px;
}
* html .roundedBox380 h2 {
    width: 380px;
}
.roundedBox380top {
    background: transparent url("../../App_Themes/Whirlpool/Images/roundedBox380topGray.gif" ) no-repeat left top;
    margin: 0px 0px 0px 0px;
    padding: 5px 0px 0px 0px;
    width: 380px;
}
.roundedBox380 h3, .roundedBox380fading h3 {
    padding: 7px 0px 0px 10px; margin: 0px 0px 2px 0px;
}
.roundedBox380fading h2 {
    color: #4986bb;
    letter-spacing: 1px;
    margin: 0px 0px 5px 0px;
    padding: 7px 0px 0px 10px;
}
.roundedBox380 ul, .roundedBox380fading ul {
    margin: 0px 0px 0px 0px; padding: 0px;
}
.roundedBox380 li, .roundedBox380fading li {
    margin: 0px 0px 0px 10px; padding: 0px;
}

.roundedBox400 {
    background: transparent url("../../App_Themes/Whirlpool/Images/roundedBox400bottom.gif" ) no-repeat left bottom;
    border: none;
    display: block;
    float: left;
    margin: 20px 10px 20px 0px;
    padding: 0px 0px 15px 10px;
    width: 400px;
}
.roundedBox400 h2 {
    background: transparent url("../../App_Themes/Whirlpool/Images/roundedBox400top.gif" ) no-repeat left top;
    color: #4986bb;
    letter-spacing: 1px;
    margin: 0px 0px 5px -10px;
    padding: 10px 0px 10px 10px;
    width: 390px;
}
.roundedBox775Info {
    background: transparent url("../../App_Themes/Whirlpool/Images/roundedBox775InfoBottom.gif" ) no-repeat left bottom;
    border: none;
    /*
    display: block;
    float: left;
    */
    padding: 0px 0px 7px 0px;
    margin: 0px 0px 10px 0px;
    width: 775px;
}
.roundedBox775Info h3 {
    background: transparent url("../../App_Themes/Whirlpool/Images/roundedBox775InfoTop.gif" ) no-repeat left top;
    color: #4986bb;
    letter-spacing: 1px;
    padding: 7px 0px 0px 10px;
    margin: 0px 0px 5px 0px;
    width: 775px;
}
.roundedBox600Info {
    background: transparent url("../../App_Themes/Whirlpool/Images/roundedBox600InfoBottom.gif" ) no-repeat left bottom;
    border: none;
    display: block;
    float: left;
    /*
    */
    padding: 0px 0px 7px 0px;
    margin: 0px 0px 10px 0px;
    width: 600px;
}
.roundedBox600Info h3 {
    background: transparent url("../../App_Themes/Whirlpool/Images/roundedBox600InfoTop.gif" ) no-repeat left top;
    color: #4986bb;
    letter-spacing: 1px;
    padding: 7px 0px 0px 10px;
    margin: 0px 0px 5px 0px;
    width: 590px;
}
.roundedBox600Info p {
	padding: 7px 0px 0px 10px;
    margin: 0px 5px 5px 0px;
}
* html .roundedBox600Info h3 {
    padding: 7px 0px 0px 10px;
    margin: 0px 0px 5px 0px;
    width: 600px;
}

/* ALERT BOX */
.alert200 {
    display: block;
    float: left;
    width: 200px;
    background: transparent url("../../App_Themes/Whirlpool/Images/roundedBox200AlertBottom.gif" ) no-repeat left bottom;
    border: none;
    padding: 0px 0px 15px 0px;
    margin: 0px 0px 0px 0px;
}

.alert200top {
    width: 200px;
    color: #4986bb;
    background: transparent url("../../App_Themes/Whirlpool/Images/roundedBox200AlertTop.gif" ) no-repeat left top;
    padding: 7px 0px 0px 0px;
    margin: 0px 0px 5px 0px;
}

/* ############################################ */
/* ############### Admin styles ############### */
/* ############################################ */
h1.adminHeader
{
    display: block;
    font-size: 25px;
    width: 785px;
    padding: 8px 0px 0px 15px;
    margin: 0px 0px 0px 0px;
    line-height: 25px;
    border-bottom: solid 1px #cacccd;
    background-color: #f1f6f8;
    letter-spacing: 1px;
    color: #464646;
    color: #BDC0C1;
    text-transform: uppercase;
    text-align: left;
}

h1.adminHeader a
{
	float: right;
	font-size: 11px;
	padding-right: 15px;
	text-transform: none;
	font-family: Trebuchet MS, Arial, sans-serif;
}


/* ############### IMAGES ############### */
.contentAdminImage {
	background-color: #f1f6f8;
	background-color: #f9fbfc;
	border-bottom: solid 1px #d8ddde;
	display: block;
	float: left;
	overflow: hidden;
   	width: 800px;
}

div.process-step
{
	float: left;
    display:block;
	width: 193px;
	margin: 15px 0px 0px 0px;
}
.process-step-camera {
    background: transparent url("../../App_Themes/Whirlpool/Images/admin-image-camera.gif" ) no-repeat left top; 
	width: 130px;
	float: left;
    display:block;
	margin: 15px 0px 0px 10px;
}
* html .process-step-camera {
	margin-left: 6px;
}
.process-step.step-upload {
    background: transparent url("../../App_Themes/Whirlpool/Images/admin-image-upload.gif" ) no-repeat left top; 
	width: 217px;
}
.process-step.step-publish {
    background: transparent url("../../App_Themes/Whirlpool/Images/admin-image-publish.gif" ) no-repeat left top; 
	width: 217px;
}
.process-step.step-manage {
    background: transparent url("../../App_Themes/Whirlpool/Images/admin-image-manage.gif" ) no-repeat left top; 
	width: 217px;
}

div.process-step h2, div.process-step-camera h2  {
	color: #5c5c5c;
    font-family: Trebuchet MS, Tahoma, Arial, Sans-Serif;
    font-weight: bold;
    line-height: 50px;
    padding: 0px 0px 10px 55px;
}
/* div.process-step-name { font-size: larger; font-weight: bold; margin-bottom: 10px; } */

div.process-step-description {
	/* text-align: justify; */
	padding-left: 8px;
	margin-right: 2px;
	border-left: solid 1px #dfe1e2;
	line-height: 16px;
}
ul.uploadSteps, ul.uploadSteps li {
    margin: 0px;
    padding: 4px 0px 4px 0px;
}
div.process-step.step-camera .process-step-description { 
	border-left: none;
}
div.process-step-description a {
	color: #2073a3;
	text-decoration: none;
}
div.process-step-description a:hover {
	text-decoration: underline;
}
.heightHolder {
    min-height: 105px;
}
ul.images-needing-attention {
	margin-top: 15px;
    margin: 0px;
    padding: 3px;
	line-height: 16px;

	/* 	light gray
	border: solid 1px #ECECEC;
    background-color: #F4F4F4;  */
}
ul.images-needing-attention li
{
    margin: 2px;
	margin-left: 3px;
    padding: 2px 5px 4px 21px;
}
ul.images-needing-attention li.action-needed
{
	background: transparent url("../../App_Themes/Whirlpool/Images/link_bg_important.png" ) no-repeat left 2px;
}
ul.images-needing-attention li.info
{
	background: transparent url("../../App_Themes/Whirlpool/Images/link_bg_info.png" ) no-repeat left 2px;
}

ul.images-needing-attention li a {
    color: #007d00;
    color: #000;
}


h3.how-to-title 
{
	margin-top: 15px;
}
ul.how-to-title {
    margin: 0px;
    padding: 0px;
	line-height:16px;
}
ul.how-to-title li {
    margin: 0px;
    padding: 0px;
    padding-bottom: 6px;
}
div.how-to-link
{
	clear: both;
	padding: 0px;
	margin: 0px;
	cursor: pointer;
}
span.how-to-link-text
{
	float: left;
}
img.how-to-link-icon
{
	float: right;
}
div.how-to-document
{
	clear: both;
	/* border: solid 1px #606060; */
	background-color: #E8E8E8;
	margin-bottom: 10px;
}

fieldset.editing-mode-switch
{
	width: 400px;
	border: 1px solid #606060;
	padding: 0px 20px 20px 20px;
	margin: 20px 0px 20px 0px;
}
fieldset.editing-mode-switch legend 
{
	font-weight: bold;
	font-size: 120%;
	padding: 2px 2px 3px 2px;
	margin: 0px 0px 15px -10px; 
}



/* ############### USERS ############### */
fieldset.adminUser {
    display: block;
    float: left;
    border: solid 1px #dfdfdf;
    padding: 20px 0px 0px 0px;
    width: 380px;
}
fieldset.adminUsersList {
    display: block;
    float: left;
    clear: left;
    width: 100%;
    border: solid 1px #dfdfdf;
    padding: 20px 0px 0px 0px;
}
fieldset.adminUsers legend {
    margin-left: 5px;
    color: #8a8a8a;
    margin-bottom: 5px;
}
table.adminUserGroups {
    /* border-top: solid 1px #dfdfdf;*/
    margin-left: 2px;
    width: 376px;
}
table.adminUsers {
    border-top: solid 1px #dfdfdf;
    width: 100%;
}
table.adminUsers thead, table.adminUserGroups thead {
    border: solid 1px #dfdfdf;
    border: solid 1px #000;
}
table.adminUsers th, table.adminUsers td, table.adminUserGroups th, table.adminUserGroups td {
    padding: 3px 5px 1px 5px;
}
table.adminUsers th, table.adminUsers th a, table.adminUserGroups th, table.adminUserGroups th a {
    background-color: #ededed;
    font-size: 12px;
    color: #555555;
    font-weight: bold;
}
table.adminUsers th a, table.adminUserGroups th a {
    text-decoration: underline;
}
table.adminUsers th a:hover, table.adminUserGroups th a:hover {
    color: #0669a2;
    text-decoration: underline;
}
table.adminUsers tbody tr {
	padding: 10px 0px 3px 0px;
}
table.adminUsers td, table.adminUserGroups td {
    font-weight: normal;
    font-size: 11px;
}
table.adminUsers td a, table.adminUserGroups td a {
    text-decoration: underline;
}
table.adminUsers td a:hover, table.adminUserGroups td a:hover {
    color: #0669a2;
}


table.adminUsers tbody tr.AspNet-GridView-Alternate, table.adminUserGroups tbody tr.AspNet-GridView-Alternate {
    background-color: #f9f9f9;
	border-bottom: solid 1px #000;
}


/* ############### SETUP ############### */

ul.adminSetup {
    margin: 0px;
    padding: 0px;
}
ul.adminSetup a:hover {
    text-decoration: underline;
}


/* ################################################# */
/* ##############  C L I P B O A R D  ############## */
/* ################################################# */
.clipboard-functions {
    display:block; float:left; margin: 10px 0px 10px 0px; padding: 0px 0px 10px 0px;
    border-bottom: solid 1px #bbb; vertical-align:middle;
    width: 770px;
}

/* ################################################# */
/* ##############  D o w n l o a d  ################ */
/* ################################################# */

.download-div-separately
{
	margin-top:1.5em;
	clear:both;
}

.download-subheading
{
	margin-bottom:1em;
	display:block;
	font-weight:bold;
	font-size:larger;
	clear:both;
}

.download-div-zip
{
	/* margin-top:1.5em; */
}

.download-div-zip-img
{
    display: block;
    float:left;
	margin-right: 10px;
	padding-bottom: 10px;
	width: 100%;
    border-bottom: solid 1px #ddd;
}

.download-div-zip-info
{
	float:left;
}

div.download-item
{
	float:left;
	margin-right:10px;
	width:140px;
	height:180px;
}


/* ZIP */
.zip-div
{
	margin:5px;
}

.zip-title-ready
{
	margin-bottom:0.5em;
}
.zip-button
{
	margin-top:0.5em;
}


/* ################################################# */
/* ##############  M y P r o f i l e  ############## */
/* ################################################# */