/*

**********                  **********
**********  HTML TAG STYLES **********
**********                  **********

*/

html { background: #FFFFFF; margin: 0; padding: 0; text-align: center; color: #000000; }

body { font-family: Tahoma; font-size: 12px; margin: 0; padding: 0; color: #000; background: #fff; width: 100%; text-align: left; z-index: 0;}

h2 { font-size: 130%; }

div#wrapper { padding: 0px; margin: 0px; }

div#wrapperHeader { padding: 20px; }

div#topNavLinks { position: absolute; top: 20px; right: 50px; width: 500px; text-align: right; }

div#wrapperTopNav { width: auto; padding: 0px; margin: 0px; background: url(http://www.arts-engine.org.uk/fileadmin/templates/arts_engine/images/admin/nav-bg.jpg) repeat-x; }
div#wrapperTopNavBorder { width: auto; padding: 0px; margin: 0px; height: 30px; background: url(http://www.arts-engine.org.uk/fileadmin/templates/arts_engine/images/admin/nav-bg.jpg) repeat-x top; }

div#wrapperMainContent { clear: both; padding: 0px 20px; }

div#wrapperFooter { clear: both; border-top: 1px solid #333333; padding: 5px; text-align: center; }

/*

**********                          **********
**********  MAIN CONTENT TAG STYLES **********
**********                          **********

*/

div#wrapperLeftCol { position: relative; float: left; width: 150px; padding: 20px; }

div#wrapperMainCol { position: relative; float: left; padding: 20px; width: 75% !important; border-left: 1px solid #333333; }
div#wrapperMainCol h1 { margin-top: 0px; padding-top: 0px; font-weight: normal; font-size: 2.0em; } 
div#wrapperMainCol a { color: #8fa11f; text-decoration: none; }
div#wrapperMainCol a:hover { color: #8fa11f; text-decoration: underline; }

/*

**********                  **********
**********  MAIN NAV STYLES **********
**********                  **********

*/

.mainNavigationHome { position: relative; float: left; background: url(http://www.arts-engine.org.uk/fileadmin/templates/arts_engine/images/admin/nav-home.jpg) no-repeat; width: 100px; height: 38px; padding-top: 12px; }
.mainNavigationHome a { color: #FFFFFF; text-decoration: none; padding-left: 15px; }
.mainNavigationHome a:hover { color: #FFFFFF; text-decoration: underline; padding-left: 15px; }
.mainNavigationCentral { position: relative; float: left; background: url(http://www.arts-engine.org.uk/fileadmin/templates/arts_engine/images/admin/nav-central.jpg) no-repeat; width: 100px; height: 38px; padding-top: 12px; }
.mainNavigationCentral a { color: #FFFFFF; text-decoration: none; padding-left: 5px; }
.mainNavigationCentral a:hover { color: #FFFFFF; text-decoration: underline; padding-left: 5px; }
.mainNavigationCentralActive { position: relative; float: left; background:url(http://www.arts-engine.org.uk/fileadmin/templates/arts_engine/images/admin/nav-central-active.jpg) no-repeat; width: 129px; height: 38px; padding-top: 12px; }
.mainNavigationCentralActive a { color: #FFFFFF; text-decoration: none; padding-left: 20px; }
.mainNavigationCentralActive a:hover { color: #FFFFFF; text-decoration: underline; padding-left: 20px; }
.mainNavigationEnd { position: relative; float: left; background: url(http://www.arts-engine.org.uk/fileadmin/templates/arts_engine/images/admin/nav-end.jpg) no-repeat; width: 100px; height: 38px; padding-top: 12px; }
.mainNavigationEnd a { color: #FFFFFF; text-decoration: none; padding-left: 0px; }
.mainNavigationEnd a:hover { color: #FFFFFF; text-decoration: underline; padding-left: 0px; }
.mainNavigationEndActive { position: relative; float: left; background:url(http://www.arts-engine.org.uk/fileadmin/templates/arts_engine/images/admin/nav-central-active.jpg) no-repeat; width: 129px; height: 38px; padding-top: 12px; }
.mainNavigationEndActive a { color: #FFFFFF; text-decoration: none; padding-left: 20px; }
.mainNavigationEndActive a:hover { color: #FFFFFF; text-decoration: underline; padding-left: 20px; }
.manNavigationEndBlock { width: auto; height: 50px; background: url(http://www.arts-engine.org.uk/fileadmin/templates/arts_engine/images/admin/nav-bg.jpg) repeat-x; }

.tdHeader { background: #DDDDDD; border: 1px solid #999999; padding: 10px; }
.tdHeaderCentre { background: #DDDDDD; border: 1px solid #999999; padding: 10px; text-align: center; }
.subHeading { }

/*

	Form CSS

 */

input:hover, textarea:hover, input:focus, textarea:focus { border-color: #C9C9C9; background: #FFFF99; }

.fieldBlock { background: #EEE; padding: 10px; border-left: 1px solid #999999; border-right: 1px solid #999999; border-bottom: 1px solid #999999; }

.fieldName { }

.required { padding: 9px; border: solid 1px #E5E5E5; outline: 0; font: normal 12px/100% Tahoma, sans-serif; width: 500px; background: #FFFFFF; }

.formField { padding: 9px; border: solid 1px #E5E5E5; outline: 0; font: normal 12px/100% Tahoma, sans-serif; width: 500px; background: #FFFFFF; } 
/* .formField { border: 1px solid #999999; padding: 2px; font-size: 1.0em; margin-left: 0px; width: 500px; } */

.formField_textarea { padding: 9px; border: solid 1px #E5E5E5; outline: 0; font: normal 12px Tahoma, sans-serif; width: 500px; background: #FFFFFF; height: 300px; }

.jQueryDate { padding: 9px; border: solid 1px #E5E5E5; outline: 0; font: normal 12px/100% Tahoma, sans-serif; width: 150px; background: #FFFFFF; }

.stdButton { border: 0px; padding: 9px; background: #333333; color: #FFFFFF; font: normal 12px/100% Tahoma, sans-serif; box-shadow: 0 0 10px #333333; webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; margin-top: 10px; }
.stdButton:hover, .stdButton:active { border: 0px; padding: 9px; background: #8fa11f; }

.tdServiceName_0 { background: #F5F5F5; border: 1px solid #999999; padding: 10px; }

.tdServiceDetails_0 { background: #F5F5F5; border: 1px solid #999999; padding: 10px; text-align: center; }

.tdServiceName_1 { background: #FFFFFF; border: 1px solid #999999; padding: 10px; }

.tdServiceDetails_1 { background: #FFFFFF; border: 1px solid #999999; padding: 10px; text-align: center; }

.input_small { padding: 9px; border: solid 1px #E5E5E5; outline: 0; font: normal 12px/100% Tahoma, sans-serif; width: 200px; background: #FFFFFF;  margin-left: 20px; }

.input_media_small { padding: 9px; border: solid 1px #E5E5E5; outline: 0; font: normal 12px/100% Tahoma, sans-serif; width: 500px; background: #FFFFFF; }

.input_media_xsmall { padding: 9px; border: solid 1px #E5E5E5; outline: 0; font: normal 12px/100% Tahoma, sans-serif; width: 200px; background: #FFFFFF; margin-left: 20px; }

.input_media_caption { padding: 9px; border: solid 1px #E5E5E5; outline: 0; font: normal 12px/100% Tahoma, sans-serif; background: #FFFFFF; 20px; width: 500px; height: 200px; }

.questionFieldInput { padding: 5px 0px; }

.questionFieldHeader { padding: 5px 0px; font-weight: bold; }

.captionText { font-style: italic; }

.form_message { color: #FF0000; padding: 10px 0px; }

.leftColumn { float: left; width: 200px; }

.rightColumn { float: left; text-align: left; }

#overlay { position: absolute; top: 0px; left: 0px; width: 100%; padding: 200px 0px; text-align: center; line-height: 0; z-index: 50; visibility:hidden; background: #333333; height: 100% !important; opacity: 0.5; filter: alpha(opacity = 50); }

#f1_upload_process{ position: absolute; top: 300px; left: 300px; width: 400px; text-align: center; z-index:100; visibility:hidden; padding: 50px 200px; background: #FFFFFF; }

.loadingImage { background: #FFFFFF; padding: 100px; width: 200px; text-align: center; }

.photoContainer { padding: 10px 0px; }

.webSpaceTitle { width: 200px; }

.ArtistsPhotoThumb { width: 150px; padding: 5px; background: #FFFFFF; }

.ArtistsPhotoThumbCentral { width: 150px; padding: 5px; margin: 0px 10px; background: #FFFFFF; }

.tdHeaderError { color: #FF0000; font-weight: bold; }

.tdHeaderSmall { background: #DDDDDD; border: 1px solid #999999; padding: 10px; width: 200px; }

.fieldBlockSmall { background: #EEE; padding: 10px; border-left: 1px solid #999999; border-right: 1px solid #999999; border-bottom: 1px solid #999999; text-align: left; width: 200px; }

div#innerContainer { width: 950px; margin: 50px auto; }
div#innerContainer .leftColumn { float: left; width: 410px; display: block; padding: 50px 20px; background:#f5f5f5; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; margin:20px 0px; }
div#innerContainer .rightColumn { float: right; width: 410px; display: block; padding: 50px 20px;  background:#f5f5f5; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; margin:20px 0px;}
div#innerContainer .singleColumn { width: 910px; display: block; padding: 50px 20px;  background:#f5f5f5; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; margin:20px 0px;}
div#innerContainer .leftColumn p, div#innerContainer .rightColumn p, div#innerContainer .singleColumn p { text-align: center; display: block; height: 70px; }

div#login-screen { width: 950px; margin: 50px auto; }
div#login-screen .leftColumn { float: left; width: 410px; display: block; padding: 50px 20px; background:#f5f5f5; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; margin:20px 0px; }
div#login-screen .rightColumn { float: right; width: 410px; display: block; padding: 50px 20px;  background:#f5f5f5; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; margin:20px 0px;}
div#login-screen .singleColumn { width: 910px; display: block; padding: 50px 20px;  background:#f5f5f5; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; margin:20px 0px;}
div#login-screen .singleColumn h1 { letter-spacing: -1px; font: bold 100% Tahoma;}
div#login-screen .singleColumn p { text-align: left; font-size: 100%; display: block; height: 70px; }
div#login-screen .leftColumn p, div#login-screen .rightColumn p { text-align: center; font-size: 100%; display: block; height: 70px; }

td.profile-view { border-top: 20px #FFFFFF; background: #333333; color: #FFFFFF; font-size: 100%; padding: 10px 20px; }
.questionFieldInputExtra { background: url(http://www.arts-engine.org.uk/fileadmin/templates/arts_engine/images/admin/form-arrow.jpg) no-repeat 2px; height: 20px; padding: 8px 0px 0px 25px; }

div#logoutBlock { position: absolute; width: 100%; margin: 0 auto; top: 200px; z-index: 2; }
div#logoutBlock p { display: block; width: 300px; margin: 0 auto; height: 150px; line-height: 150px; background: #EEEEEE; border: 1px solid #999999; text-align: center; }


/**
 *
 *	CSS Styles exclusively for the use of the individual artists
 *
 */

div#topNavLinks a { color: #8fa11f; }

div#wrapperMainCol a { color: #8fa11f; }
div#wrapperMainCol .stdButton:hover, #org-portal div#wrapperMainCol .stdButton:active { border: 0px; padding: 9px; background: #8fa11f; }

div#wrapperTopNav { width: auto; padding: 0px; margin: 0px; background: #8fa11f; border-bottom: 1px solid #999999; }

div#wrapperTopNav ul { margin: 0px; padding: 0px 0px 0px 20px; list-style-type: none; width: 900px; text-align: left; height: 40px; line-height: 40px; }
div#wrapperTopNav li { margin: 0px; padding: 0px; }

.main-lvl-1-first a { float: left; display: block; height: 40px; line-height: 40px; color: #FFFFFF; text-decoration: none; text-align: center; padding: 0px 20px; font-size: 13px; font-weight: 700; text-transform: uppercase; border-bottom: 1px solid #999999; }
.main-lvl-1-first a:link, #org-portal .main-lvl-1-first a:active, #org-portal .main-lvl-1-first a:visited { color: #FFFFFF; border-bottom: 1px solid #999999; }
.main-lvl-1-first a:hover, #org-portal .main-lvl-1-first-active a:hover { background: #EEEEEE; color: #333333; border-bottom: 1px solid #EEEEEE; }
.main-lvl-1-first-active a { float: left; display: block; height: 40px; line-height: 40px; background: #EEEEEE; color: #333333; text-decoration: none; text-align: center; padding: 0px 20px; font-size: 13px; font-weight: 700; text-transform: uppercase; border-bottom: 1px solid #EEEEEE; }

.main-lvl-1 a { float: left; display: block; height: 40px; line-height: 40px; color: #FFFFFF; text-decoration: none; text-align: center; padding: 0px 20px; font-size: 13px; font-weight: 700; text-transform: uppercase; border-bottom: 1px solid #999999; }
.main-lvl-1 a:link, #org-portal .main-lvl-1 a:active, #org-portal .main-lvl-1 a:visited { color: #FFFFFF; border-bottom: 1px solid #999999; }
.main-lvl-1 a:hover, #org-portal .main-lvl-1-active a:hover { background: #EEEEEE; color: #333333; border-bottom: 1px solid #EEEEEE; }
.main-lvl-1-active a { float: left; display: block; height: 40px; line-height: 40px; background: #EEEEEE; color: #333333; text-decoration: none; text-align: center; padding: 0px 20px; font-size: 13px; font-weight: 700; text-transform: uppercase; border-bottom: 1px solid #EEEEEE; }

.grey-block { display: block; height: 10px; width: auto; padding: 0px; margin: 0px; background: #EEEEEE; border-bottom: 1px solid #999999; }


/**
 *
 *	CSS Styles exclusively for the use of the arts based organisations
 *
 */

#org-portal div#topNavLinks a { color: #DE5B18; }

#org-portal div#wrapperMainCol a { color: #DE5B18; }
#org-portal div#wrapperMainCol .stdButton:hover, #org-portal div#wrapperMainCol .stdButton:active { border: 0px; padding: 9px; background: #DE5B18; }

#org-portal div#wrapperTopNav { width: auto; padding: 0px; margin: 0px; background: #DE5B18; border-bottom: 1px solid #999999; }

#org-portal div#wrapperTopNav ul { margin: 0px; padding: 0px 0px 0px 20px; list-style-type: none; width: 900px; text-align: left; height: 40px; line-height: 40px; }
#org-portal div#wrapperTopNav li { margin: 0px; padding: 0px; }

#org-portal .main-lvl-1-first a { float: left; display: block; height: 40px; line-height: 40px; color: #FFFFFF; text-decoration: none; text-align: center; padding: 0px 20px; font-size: 13px; font-weight: 700; text-transform: uppercase; border-bottom: 1px solid #999999; }
#org-portal .main-lvl-1-first a:link, #org-portal .main-lvl-1-first a:active, #org-portal .main-lvl-1-first a:visited { color: #FFFFFF; border-bottom: 1px solid #999999; }
#org-portal .main-lvl-1-first a:hover, #org-portal .main-lvl-1-first-active a:hover { background: #EEEEEE; color: #333333; border-bottom: 1px solid #EEEEEE; }
#org-portal .main-lvl-1-first-active a { float: left; display: block; height: 40px; line-height: 40px; background: #EEEEEE; color: #333333; text-decoration: none; text-align: center; padding: 0px 20px; font-size: 13px; font-weight: 700; text-transform: uppercase; border-bottom: 1px solid #EEEEEE; }

#org-portal .main-lvl-1 a { float: left; display: block; height: 40px; line-height: 40px; color: #FFFFFF; text-decoration: none; text-align: center; padding: 0px 20px; font-size: 13px; font-weight: 700; text-transform: uppercase; border-bottom: 1px solid #999999; }
#org-portal .main-lvl-1 a:link, #org-portal .main-lvl-1 a:active, #org-portal .main-lvl-1 a:visited { color: #FFFFFF; border-bottom: 1px solid #999999; }
#org-portal .main-lvl-1 a:hover, #org-portal .main-lvl-1-active a:hover { background: #EEEEEE; color: #333333; border-bottom: 1px solid #EEEEEE; }
#org-portal .main-lvl-1-active a { float: left; display: block; height: 40px; line-height: 40px; background: #EEEEEE; color: #333333; text-decoration: none; text-align: center; padding: 0px 20px; font-size: 13px; font-weight: 700; text-transform: uppercase; border-bottom: 1px solid #EEEEEE; }

#org-portal .grey-block { display: block; height: 10px; width: auto; padding: 0px; margin: 0px; background: #EEEEEE; border-bottom: 1px solid #999999; }