/* General Styles */
body { font-family: "Lucida Grande"; margin: 0; padding: 0; background: #f4f4f4; font-size: 100%; line-height: 130%; }

a {color: #69c;}
img, a img { border: none; }

.clearer {clear: both;}
.center { text-align: center; }

/* Header Bar */
#topPanel { margin: 0; padding: 10px 0; clear: both; background: #666; color: #aaa; clear: both; text-align: right; font-size: 80%; position: fixed; top: 0; width: 100%; z-index: 100; }
#topPanel a { color: white; }
.loggedInUser { padding-right: 10px; }
.backToSite { padding-left: 10px; float: left;}

/* Footer Bar */
#bottomPanel { margin: 10px 0 0 0; padding: 0; color: #aaa; border-top:solid 1px #ccc; background: #e4e4e4; font-size: 75%; position: fixed; bottom: 0; width: 100%; z-index: 100; }
.armadillo_version{padding: 15px 10px;float: left;}
.armadillo_info {padding: 15px 10px;float: right;}

/* Styles for the Setup page */
#setupPanel { margin: 20px auto; padding: 0; width: 700px; background: white; }
#setupDetails form { margin: 10px 20px; }
#setupDetails .formLabel { width: 200px; }
#setupDetails .resetLoginField { width: 290px; }
#setupDetails .formLabel+input[type=text], #setupDetails .formLabel+input[type=password] { width: 265px; }
.setupSection { margin: 0 auto; padding-bottom: 20px; width: 550px; }
.setupSection h1 { font-weight: normal; text-align: center; }
.nextButton { margin: 20px auto 0; width: 45px; text-decoration: none; }
#dbDetailsButton { width: 200px; margin: 0 auto; padding: 0 10px; font-weight: bold; cursor: pointer; background: #ececec; border: solid 1px #e3e3e3; }
#dbDetailsButton p { margin: 10px 0; }
#databaseDetails { margin: 10px 0; padding: 5px 10px; background: #ececec; border: solid 1px #e3e3e3; }
#databaseDetails .formLabel+input[type=text], #databaseDetails .formLabel+input[type=password] { width: 245px; }
#databaseDetails, #databaseDetails+#goToStep2, #setupStep2, #setupStep3 { display: none; opacity: 0; }
.tooltip { margin-left: 10px; position: relative; top: 5px; }
#setupDetails .submitButton { margin: 0 auto; padding-bottom: 20px; }
#setupDetails .submitButton p { text-align: center; }
#setupDetails .submitButton input[type=submit] { margin: 10px; cursor: pointer; }

/* Login Form Styles */
.loginForm {margin: 20px auto;padding: 0;width: 300px;background: white;}
.loginForm form {margin: 10px 20px;}
.loginForm form input[type=text], .loginForm form input[type=password] { margin-top: 5px;padding-left: 5px;padding-right: 5px;width: 95%;height: 30px;font-size: 120%; }
.loginForm p.loginPageLink {padding: 0 20px 20px;font-size: 0.8em;text-align: center;}

.loginForm, .userFormEntry, .editUserForm .listContent, .listUser, #setupPanel {-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;-webkit-box-shadow: 0 1px 2px #999;-moz-box-shadow: 0 1px 2px #999;box-shadow: 0 1px 2px #999;}

/* Generic Admin Panel Styles */
#adminPanelContainer { margin: 60px auto; clear: both; width: 960px; z-index: 10; }
#adminPanelTabs ul {margin: 0;padding: 0 20px;float: right;position: relative;bottom: -1px;}
#adminPanelTabs ul li {float: left;list-style-type: none;}
#adminPanelTabs ul li a {display: block;float: left;text-decoration: none;margin: 0 2px;padding: 5px 10px; color: #999; border: solid 1px #e3e3e3;background: white;}
#adminPanelTabs ul li a.current { color: black; border-bottom: solid 1px white; }
#adminPanelContent {padding: 10px;background: white;border: solid 1px #e3e3e3;clear: both;}
.notification, .warning, #saveResults {margin: 20px 10px 10px 10px;padding: 10px;clear: both;color: #7F7135;text-shadow: 0 1px 0 white;background-color: #FFEE7F;border: solid 1px #dfd79b; font-size: 100%; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.notification br:last-child { display: none; }
ul.notification {padding-left: 30px;}
.greenButton { padding: 5px 10px; font-size: 1.1em; color: white; text-shadow: 0 1px 0 #456c40; background: #70ae67; border: solid 1px #456c40; cursor: pointer; }

.warning { color: #644042 !important; text-shadow: 0 1px 0 #FFDCD6; background-color: #ecc3c6; border: solid 1px #b99093; }

.updates { position: relative; padding: 5px 20px; background: white; border: solid 1px #ccc; }
.installUpdate { float: right; font-size: 0.8em; position: absolute; top: 9px; right: 20px; text-decoration: none; }

/* Shared styles */
#contentSummary, #mediaLibrary, #userSummary { border: solid 1px #ccc; border-bottom: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.selectedItem #contentSummary, .selectedItem #mediaLibrary, .selectedItem #userSummary { border-bottom: solid 1px #ccc; }
#contentSummary .titleRow, #mediaLibrary .titleRow, #userSummary .titleRow { padding-top: 0; text-align: center; text-shadow: 0 1px 0 #f0f0f0; background: #f0f0f0 url(../images/tabGradient.png) repeat-x; height: 30px; line-height: 30px; border-top: solid 1px #f3f3f3; border-bottom: solid 1px #ccc; }
#contentSummary .titleRow .contentActions { border-right: none; }
#contentSummary .titleRow .contentTitle, #contentSummary .titleRow .contentStatus, #contentSummary .titleRow .contentActions, #mediaLibrary .titleRow .fileName, #mediaLibrary .titleRow .fileType, #mediaLibrary .titleRow .fileActions, #userSummary .titleRow .userName, #userSummary .titleRow .userLogin, #userSummary .titleRow .userEmail, #userSummary .titleRow .userRole, #userSummary .titleRow .userActions  { font-size: 1em; color: black; padding-top: 0; height: 30px; line-height: 30px; border-left: solid 1px transparent; border-right: solid 1px transparent; }
.contentTitle, .contentStatus, .contentActions, .fileName, .fileType, .fileActions, .userName, .userLogin, .userEmail, .userRole, .userActions { margin: 0;padding: 0;float: left; height: 50px; line-height: 50px; color: #666; font-size: 0.85em; text-align: center; }
.contentRow, .mediaRow, .userRow { height: 50px; border-top: solid 1px white; border-bottom: solid 1px #ccc; background: #f7f7f7; }
.contentRow:hover, .mediaRow:hover, .userRow:hover { background: white; }
.evenRow { background: #f0f0f0; }
.contentTitle { line-height: 20px; border-left: solid 1px white; border-right: solid 1px #e4e4e4; }
.contentTitle .contentDetails { display: block; margin-top: 5px; }
.contentStatus { border-left: solid 1px white; border-right: solid 1px #e4e4e4; }
.contentActions { border-left: solid 1px white; }
.evenRow .contentTitle, .evenRow .contentStatus { border-right: solid 1px #e0e0e0; }
.fileName, .fileType, .fileActions { padding-left: 1%; border-left: solid 1px white; border-right: solid 1px #e4e4e4; }
.contentTitle, .fileName { width: 55%; padding-left: 1%; text-align: left; }
.contentStatus, .contentActions, .fileType, .fileActions { width: 15%; text-align: center; padding-left: 0; }
.contentActions, .fileActions { width: 28%; border-right: none; }
.linkToFile { display: none; }
.fileName:hover .linkToFile { display: inline; }
#contentSummary .deleteContent, #mediaLibrary .deleteMediaFile, #userSummary .deleteUser { padding: 2px 8px 3px 8px; color: white; background: #dbb2b5; border: solid 1px #b99093; text-shadow: 0 1px 0 #b99093; text-decoration: none; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
#contentSummary .deleteContent:hover, #mediaLibrary .deleteMediaFile:hover, #userSummary .deleteUser:hover { background: #ba6d72; border: solid 1px #984b50; text-shadow: 0 1px 0 #984b50; }
.mediaAdminContent .plupload_wrapper .plupload_file_status, .mediaAdminContent .plupload_wrapper .plupload_file_size, .mediaAdminContent .plupload_wrapper .plupload_file_progress {/* width: 50px; */}
.greenButton, .redButton, #dbDetailsButton, #databaseDetails, .nextButton, .finishSetup, .editContent, .editUser, .previewContent, .previewMediaFile, .previewMediaImage, #toggleSidebarEditor, #openMediaLibrary, #Publish, #SaveDraft, .saveUser, .cancel, #saveResults, .saveAllSettings { -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; }
.editContent, .editUser { padding: 2px 8px 3px 8px; color: white; background: #7ad; border: solid 1px #69c; text-shadow: 0 1px 0 #58b; text-decoration: none; }

/* Specific Panel Styles */
.dashboardAdminPanel, .contentAdminPanel, .mediaAdminPanel, .usersAdminPanel, .settingsAdminPanel { margin: 10px;padding: 0;clear: both;background-color: white; }
.contentAdminPanel {}
.viewPostContent, .viewUsers { padding-bottom: 15px}
.settingsAdminContainer { padding: 15px; }

#setupDetailsTab, .dashboardAdminTab, .contentAdminTab, .mediaAdminTab, .usersAdminTab, .settingsAdminTab, .loginFormTab, .userFormTab, .editUserTab {margin: 0 0 20px 0;padding: 10px 15px;font-size: 120%;color: white;background: #333 url(../images/tabGradient.png) center center repeat-x;text-shadow: 0 1px black;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
#setupDetailsTab, .loginFormTab, .userFormTab, .editUserTab { margin: 0; -webkit-border-radius: 3px 3px 0 0;-moz-border-radius: 3px 3px 0 0;border-radius: 3px 3px 0 0; }

.contentAdminPanel p {padding-left: 20px;padding-right: 20px;}

/* Dashboard panel styles */
.dashboardAdminContent { padding: 20px; }
#dashboardMenu { width: 640px; margin: 0 auto; }
#dashboardMenu .triColumn { float: left; width: 200px; margin-right: 15px; }
#dashboardMenu .triColumn .tcButton { margin: 5px; padding: 20px 0; height: 150px; text-align: center; font-size: 1.2em; font-weight: bold; text-transform: uppercase; text-shadow: 0 1px 0 white; background: #ececec; border: solid 1px #dfdfdf; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; }
#dashboardMenu .triColumn .tcButton a { color: gray; text-decoration: none; }
#dashboardMenu .rightColumn { margin-right: 0; }

/* Content (Posts/Pages) panel styles */
.contentAdminTab a, .mediaAdminTab a, .usersAdminTab a, #addCategories, #addTags, #mediaLibraryWrapper .toggleMediaView {padding: 2px 8px 3px 8px;color: white;background: #70ae67 url(../images/tabGradient.png) center center repeat-x;text-shadow: 0 -1px 0 black;font-size: 70%;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px; box-shadow: 0 0 1px black; }
.contentAdminTab a:hover, .mediaAdminTab a:hover, .usersAdminTab a:hover, #addCategories:hover, #addTags:hover {background: #70ae67 url(../images/tabGradientReversed.png) center center repeat-x;}
.contentAdminTab a:active, .mediaAdminTab a:active,  .usersAdminTab a:active {text-shadow: none;}

.contentAdminPanel h3, .mediaAdminPanel h3, .usersAdminPanel h3 {float: left;padding: 0 15px;border-bottom: solid 1px #ccc;clear: both;}
.contentAdminPanel h3+p, .mediaAdminPanel h3+p, .usersAdminPanel h3+p {clear: both;}

.contentAdminContainer { padding: 20px; }

/* Content (Posts/Pages) Form Styles */
#contentFormDetails {margin: 20px;}
#contentFormDetails p input.title { padding-left: 5px;padding-right: 5px;width: 98.7%;height: 30px;font-size: 120%; }
#contentFormDetails textarea { margin: 0; padding: 0; font-family: Monaco, "Lucida Console", monospace; line-height: 1.8em; }
#sidebarEditorContainer, .sidebarNotification { display: none; opacity: 0; }
.sidebarNotification { padding: 5px 0; text-align: center; background: green; color: white; }
#toggleSidebarEditor { padding: 5px 10px; position: absolute; left: -150px; cursor: pointer; color: white; text-shadow: 0 1px 0 #456c40; background: #70ae67; border: solid 1px #456c40; }
#openMediaLibrary { display: block; padding: 5px 10px; color: white; text-shadow: 0 1px 0 black; background: #ababab; border: solid 1px gray; position: absolute; left: -150px; top: 50px; cursor: pointer; text-decoration: none; }
#adminPanelContainer { position: relative; }
.postContent { width: 725px; float: left; }
.postContent input[name=title] { border: solid 1px #ccc; border-radius: 5px; }
.postContent > p, #postDate > p { margin-top: 0; }
.postContent .postComments p, .postContent .postSummary p { margin-bottom: 0; float: left; }
.postContent .postSummary p { float: right; padding: 5px 10px 10px 10px; background: white; border: solid 1px #ccc; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.postAttributes { width: 180px; float: right; }
.postAttributes p { margin-bottom: 8px; }
#postCategories p, #postTags p { margin-top: 15px; }
.postAttributes input[type=text] { width: 115px; padding: 5px !important; border: solid 1px #ccc; border-radius: 3px; }
.postAttributes .tooltip, .postSummary .tooltip { width: 20px; height: auto; top: 3px; }
#categoriesList, #tagsList, .categoryItem, .tagItem { display: none; opacity: 0; }
#categoriesList, #tagsList { margin-top: 5px; width: 95%; height: 108px; padding: 5px; background: white; border: solid 1px #ccc; border-radius: 3px; overflow: scroll; }
#addCategories, #addTags { margin-top: 2px; padding-bottom: 2px; font-size: 80%; float: right; text-decoration: none; box-shadow: 0 0 0; cursor: pointer; }
#Publish, .nextButton, .finishSetup { padding: 7px 12px; font-size: 1.1em; color: white; text-shadow: 0 1px 0 #456c40; background: #70ae67; border: solid 1px #456c40; cursor: pointer; }
#SaveDraft { padding: 7px 12px; font-size: 1.1em; color: white; text-shadow: 0 1px 0 #33668b; background: #97aac0; border: solid 1px #6688ad; cursor: pointer; }
#contentFormDetails .cancel { margin-left: 10px; padding: 7px 12px; font-size: 1.2em; color: white; text-shadow: 0 1px 0 #977071;  background: #dbb2b5; border: solid 1px #b99093; text-decoration: none; float: right; }
#mlWrapperBg { width: 100%; height: 400px; background: #333 url(../images/linen.png) top center repeat; position: fixed; bottom: -350px; z-index: 100; box-shadow: inset 0 0 5px black; }
#mediaLibraryWrapper { margin: 0 auto; padding: 20px; width: 920px; position: relative; }
#mediaLibraryWrapper #mlToggleWrapper { position: absolute; top: -32px; width: 920px; }
#mediaLibraryWrapper .mediaLibraryToggle { width: 200px; height: 30px; line-height: 30px; margin: 0 auto; background: #ababab; color: white; text-shadow: 0 1px 0 black; cursor: pointer; border: solid 1px gray; border-bottom: solid 1px #ababab; border-radius: 3px 3px 0 0; }
#mediaLibraryWrapper .mediaLibraryToggle p { margin: 0; padding: 0; text-align: center; }
#mediaLibraryWrapper #dropzoneWrapper { margin: 0; padding: 0; float: left; }
#mediaLibraryWrapper .closeButton { margin: 0; padding: 1px 5px; color: #ccc; background: black; border: solid white 1px; border-radius: 5px; position: relative; top: -6px; box-shadow: 0 0 5px black; }
#mediaLibraryWrapper #dropzone { margin-right: 20px; padding: 0 5px; height: 325px; width: 200px; background: #777; border: dotted 3px #999; border-radius: 5px; box-shadow: 0 0 5px black; color: black; text-shadow: 0 1px 0 #888; }
#mediaLibraryWrapper #dropzone h3, #mediaLibraryWrapper #dropzone p { text-align: center; }
#mediaLibraryWrapper #dropzone p { font-size: 13px; }
#mediaLibraryWrapper #mediaLibraryBrowser .hovered { background: #666; }
#mediaLibraryWrapper #mlSummary p { display: none; }
#mediaLibraryWrapper #mediaLibrary { max-height: 330px; overflow-y: scroll; border-radius: 3px 3px 4px 4px; box-shadow: 0 0 5px black; }
#mediaLibraryWrapper #mediaLibrary .draggableMediaItem { margin-right: 10px; width: 30px; height: 30px; display: inline-block; position: relative; top: 9px; z-index: 110; background: white url(../images/grab.gif) center center no-repeat; border: dotted black 1px; border-radius: 3px; cursor: move; }
#mediaLibraryWrapper h2 { margin-top: 0; margin-bottom: 10px; color: white; }
#mediaLibraryWrapper .toggleMediaView { font-weight: normal; font-size: 14px; text-decoration: none; float: right; position: relative; bottom: 5px; }
#mediaLibraryWrapper #mediaUploadForm { margin: 0 auto; width: 920px; }
#mediaLibraryWrapper #mediaUploadForm #mediaUpload_container { border-radius: 5px; box-shadow: 0 0 5px black; }
#mediaLibraryWrapper #mediaUploadForm, #mediaLibraryWrapper .deleteFile { display: none; }

.userFormContent, .editUserContent {margin: 20px auto;width: 550px;}

.userFormEntry, .editUserForm {padding: 5px 20px 20px 20px;clear: both;background: white;}
.formLabel { margin-right: 10px; width: 170px;float: left;text-align: right;height: 36px;line-height: 36px;font-size: 110%;}
.formLabel+input[type=text], .formLabel+input[type=password] { padding-left: 5px;padding-right: 5px;height: 30px;font-size: 110%;width: 300px; } 
.formLabel+select { margin-top: 7px;font-size: 110%; }
.formLabel+input[type=radio] { font-size: 110%;}
#userEntryDetails .submitButton { margin-left: 179px; }

.note {font-size: 80%;color: #999;text-align: center;}

/* Media panel styles */
.mediaAdminContent { padding: 15px; }
.mediaAdminContent .plupload_wrapper { border: none; }
.mediaAdminContent .plupload_container { padding: 0; }
.mediaAdminContent form input#confirmFileUpload { margin: 10px auto 0 0;height: 26px;background: #e4e4e4;border: solid 1px #999;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;cursor: pointer; }

.previewContent, .previewMediaImage, .previewMediaFile { padding: 2px 8px 3px 8px; color: white; background: #8f66ad; border: solid 1px #6d448b; text-shadow: 0 1px 0 #6d448b; text-decoration: none; }

/* User panel styles */
.userName { width: 25%; }
.userEmail { width: 27%; }
.userLogin { width: 17%; }
.userRole { width: 13%; }
.userActions { width: 15%; }
.userName, .userEmail, .userLogin, .userRole { border-left: solid 1px white; border-right: solid 1px #e4e4e4; }
.userActions { border-left: solid 1px white; }

.createContent, .createUser { margin: 0;padding: 0;float: right;text-decoration: none;position: relative;top: -3px; }

.usersAdminPanel a.usersAdminLink { padding: 0 10px; }
.usersAdminContent { padding: 15px; }

.contentInfo, .userDetail {font-size: 70%;}

/* User Form Styles */
#userEntryDetails .saveUser { padding: 5px 10px; font-size: 1.1em; color: white; text-shadow: 0 1px 0 #456c40; background: #70ae67; border: solid 1px #456c40; cursor: pointer; }
#userEntryDetails .cancel, .cancel, .redButton { padding: 5px 10px; font-size: 1.1em; color: white; text-shadow: 0 1px 0 #977071;  background: #dbb2b5; border: solid 1px #b99093; text-decoration: none; cursor: pointer; }

p.controls { margin-top: 10px;padding: 5px 10px;border: solid 1px #ccc;background-color: white;font-size: 80%;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; }

#confirmDeletion {margin-top: 10px;}

.selectedItem {margin: 20px 10px 10px 10px;padding: 10px 15px;border: dashed 2px red;}

/* Settings Tab Styles */
.colorOption { padding: 5px; }
input.colorWell { margin: 5px 8px 5px 0; width: 50px; height: 20px; padding: 2px 5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: solid 1px black; position: relative; top: -2px; }

#saveResults { display: none; margin-top: 5px; margin-bottom: 20px; padding: 10px 15px; }
.saveSettingsButton { position: relative; width: 200px; height: 60px; margin: 0 auto 20px auto; }
.saveAllSettings { position: relative; left: 25px; width: 150px; height: 50px; color: white; text-shadow: 0 1px 0 #456c40; font-weight: bold; font-size: 1.1em; background: #70ae67; border: solid 1px #456c40; cursor: pointer; }
.updateProgress { display: none;position: absolute; bottom: -25px; left: 84px; height: 32px; width: 32px; margin: 0 auto; background: transparent url(./../images/loading.gif); }

.optionsWrapper { width: 45%; }
.optionsContainer { display: none; background-color: #f5efdf; color: #868276; }
.optionsContainer p { margin: 5px 0; }
.leftOption { width: 52%; float: left; }
.rightOption { float: right; }
.optionsTitle { margin-bottom: 0; height: 40px; line-height: 40px; color: #424032; background-color: #e4dfce; }
.toggleOptions { display: block; float: left; margin: 8px 15px 8px 8px; padding: 0; height: 24px; line-height: 24px; width: 40px; font-family: monospace; text-align: center; cursor: pointer; background-color: white; }

.settingsSection { padding: 10px 20px; }
.settingsSectionHeader { font-weight: bold; font-size: 1.1em; }

.menuDisplayOptions, .adminLink, .blogOptions { position: relative; }

#siteNavContainerEntry { padding: 5px 10px 10px 10px; font-size: 90%; background: white; border: solid 1px #ccc; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; }
#siteNavContainerEntry .navContainerLabel { width: 240px; text-align: right; display: inline-block; }
#siteNavContainerEntry input { width: 135px; }
#siteNavContainerEntry, #categoriesTitleEntry, #tagsTitleEntry, #disqusShortnameEntry, #postAuthorSettings { display: none; opacity: 0; }
.textEntry, .settingDetails { padding: 5px 10px 10px 10px; font-size: 90%; background: white; border: solid 1px #ccc; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; }
.textEntry .textLabel { width: 140px; text-align: right; display: inline-block; }
.textEntry input, .textEntry textarea { width: 170px; }
#rssDescriptionLabel { height: 55px; }
.textEntry textarea { margin-bottom: -42px; height: 50px; }

/* Menu Styles for the Settings Tab */
#armadilloContentMenu ol { margin: 10px; padding: 0; list-style: none; }
#armadilloContentMenu ol ol { margin: 0 0 0 20px; }
#armadilloContentMenu ol li { margin: 3px 0; }
#armadilloContentMenu ol li a { text-decoration: none; }
#armadilloContentMenu ol li div {  padding: 5px 10px; border: solid 1px #ccc; background-color: #fff; cursor: move; }
.placeholder { background-color: #9fb1c6; }

#armadilloCustomStyles { width: 98%; height: 300px; padding-left: 5px; font-family: Monaco, "Lucida Console", monospace; line-height: 1.8em; }