/* 
+---------------------------------------+
| JUMPstart CMS Main CSS                |
| Last Updated: 01/11/2008              |
| Copyright (c) 2008 Jump Up Limited    |
+---------------------------------------+
*/


/* ----- GLOBAL & BODY ----- */

* {
        padding: 0;
        margin: 0;       
	    font-family: Arial, Helvetica, sans-serif;
        color: #666;
		font-size: 12px;
}


body {
        margin: 0 auto;
        color: #666;
        background-color: #f4f4f4;
        text-align: center;
        font-size: 12px;
        font-weight: normal;
}

.avatar, .selavatar { 
        text-align: center;
        float: left;
        padding: 0 0 10px 0;
        width: 60px;
        margin: 0 5px 10px 0;
        border: 1px #f9f9f9 solid;
}

.selavatar { 
        background-color: #e5e5f5;
        border: 1px #ccc solid;
}

.pagebreak {
        display: none;    
}

img {
        border: 0;    
}

table { 
        border-collapse: collapse; 
}

tbody tr.selrow:hover {
	   background-color: #ffd;
}

tbody tr.odd:hover {
	   background-color: #ffd;
}

tbody tr.even:hover {
       background-color: #ffd;
}

tbody tr.even {
        background-color: #fff;
        height: auto;
		margin: 5px 0;
}

tbody tr.featured {
        background-color: #FFFFCC;
        height: 27px;
}

tbody tr.featured {
        background-color: #FFFFCC;
        height: 27px;
}

tbody tr.reqpub:hover {
       background-color: #ffebe6;
}

tbody tr.reqpub {
        background: #ffebe6;
        height: 27px;
}

tbody tr.revpub {
        background: #E3ECF2;
        height: 27px;
}

tbody tr.monthheading {
		height: 25px;
		background-color: #eee;
		font-style: italic;
		border-top: 2px solid #ddd;
}

tbody tr.movedsection:hover {
       background-color: #acedc3;
}

tbody tr.movedsection {
        background-color: #acedc3; 
        height: 27px;
}

tbody tr.odd {
        background-color: #fafafa;
        height: auto;
		margin: 5px 0;
		padding: 5px 0;
}

tbody tr.selrow {
        background-color: #ebffe0;
}

tbody th {
        background: #eaeaea url(/images/captionbar.jpg) top left repeat-x;
        color: #fff;
        height: 25px;
}

tbody tr.odd a.highlight,
tbody tr.even a.highlight {
      color: #ff9900;
}

#datatable {
        width: 100%;
        margin: 0 0 100px 0;
}

#totalstable {
        width: 100%;
        margin: 0;
}

fieldset {
        border: none;
        margin: 0;
        padding: 0;
}

legend {
        display: none;
}

option {
        padding: 0 0 0 5px;
}

.nodata-g {
        padding: 0; 
        height: 100px;
        width: 99%;  
        background: url(/images/norecords-g.jpg) top center no-repeat;
}

.nodata-w {
        padding: 0; 
        height: 100px;
        width: 99%;  
        background: url(/images/norecords-w.jpg) top center no-repeat;
}

.ifcolour {
    padding: 3px 20px 0 0;   
    cursor: pointer;
}

/* PAGE HEADER  */

div#navigation {
    cursor: pointer;   
}

div#navigation li {
    cursor: pointer;   
}

div#header {
        height: 120px;
        width: 100%;
}

#wrapper #header span.youuser {
        padding: 0 15px 1px 0;
        color: #fff;
}

div#header div#customlogo {
        float: left;
        width: 60%;   
        text-align: left;
}

div#header div#headerlogo {
        float: left;   
        width: 40%; 
        text-align: left;
        padding: 5px 0 0 15px;
}

div#header div#headerlinks {
        float: right;   
        width: 40%; 
        text-align: right;  
}

div#header div#headerlinks p {
        padding: 10px 0 0 0;
        font-size: 11px;
        color: #666;
}

div#header div#headerlinks a:link, 
div#header div#headerlinks a:visited,
div#header div#headerlinks a:hover {
        color: #666;
        text-decoration: underline;
        padding: 0 10px 0 10px;
}

div#header div#headerlinks a:hover {
        color: #666;
        text-decoration: none;
        padding: 0 10px 0 10px;
}

div#navigation {
        height: 30px;
        width: 100%;
        text-align: left; 
}

div#navigation ul {
        margin: 0;
        padding: 0 0 0 5px;
        list-style:none;
}

div#navigation li {
        display: inline;
        margin: 0;
        padding: 0;
}


/* ----- SUB NAVIGATION OPTIONS ----- */

div#subnavpanel {
        width: 100%;
        background-color: #f9f9f9;
        margin: 0;
        padding: 0; 
        text-align: left;
        height: 30px;   
}

div#subnavpanel ul {
        margin: 0;
        padding: 8px 0 0 6px;
        list-style:none;
}

div#subnavpanel li {
        display: inline;
        font-size: 11px;
        cursor: pointer;
        border: 1px solid #f9f9f9;
        background-color: #f9f9f9;
}

div#subnavpanel li a {
        display: inline;
        font-size: 11px;
        cursor: pointer;
        border: 1px solid #f9f9f9;
        background-color: #f9f9f9;
        padding: 3px 5px 3px 6px;
        text-decoration: underline;
        color: #666;
}

div#subnavpanel li a:hover {
        display: inline;
        font-size: 11px;
        cursor: pointer;
        border: 1px solid #e1e1e1;
        background-color: #e1e1e1;
        color: #666;
        padding: 3px 6px 3px 6px;
        text-decoration: none;
}

div#subnavpanel li#subcurrent {
        display: inline;
        font-size: 11px;
        cursor: default;
        border: 1px solid #e1e1e1;
        background-color: #e1e1e1;
        padding: 3px 6px 3px 6px;
        margin: 0 0 0 1px;
        color: #666;
}


/* ----- SIGN IN STRUCTURE ----- */

div#signinlogo {
        text-align: left;
        height: 100px;
        width: 100%;
        padding: 5px 0 0 0;
}

div#signin {
        margin: 0 auto;
        background: url(/images/loginbg.jpg) repeat-x;
        height: 391px;
        width: 100%;    
}

div#signinform {
        position: relative;
        /*background: url(/images/welcome.png) -2px 30px no-repeat;*/
        margin: 0 auto;
        padding: 80px 0 0 0;
        width: 400px;
        text-align: left;
        color: #fff;
}


div#signinform p {
        font-size: 14px;
        padding: 0 0 30px 0;
        text-align: left;
        color: #dadada;
}

span.signin {
        font-size: 18px;
        color: #dadada;
		font-weight: bold;
}

.captcha {
        padding: 0 0 0 2px;    
    
}

div#signinform .forgotpassword {
        padding: 10px 0 0 0;
        margin: 0;    
}

div#signinform h1 {
        color: #fff;
        font-size: 18px;
        text-align: left;
}

div#signinform label {
        float: left;
        text-align: left;
        font-weight: normal;
        font-size: 14px;
        width: 120px;
        color: #fff;
        padding: 0.2em 0.1em 0 0;
        margin: 5px 0 0 0;
}

div#signinform .text {
        width: 200px;
        border: 2px solid #8c8c8c;
        background: #fff url(/images/textbg.jpg) repeat-x;
        padding: 0.1em 0.2em;
        font-size: 14px;
        height: 19px;
        margin: 5px 0 10px 0;
        color: #333;
}

div#signinform .button {
        text-align: left;
        padding: 20px 0 0 0;
}

div#signinfooter {
        margin: 10px auto;
        padding: 0;
}

div#signinfooter p {
        padding: 0 0 5px 0;
        font-size: 11px;       
}

div#signinform a, a:visited {
        color: #fff;
        text-decoration: underline;
}

div#signinform a:hover {
        color: #fff;
        text-decoration: none;
}


/* ----- POPUP STRUCTURE ----- */

div#focuspanel {
        position: absolute; 
        top: 0; 
        left: 0; 
        background-color: #333; 
        width: 100%; 
        height: 100%; 
        margin: 0; 
        padding: 0;
        display: none; 
        filter: Alpha(Opacity=80, Style=0); 
        opacity: 0.8;  
        -moz-opacity: 0.8;
        z-index: 1;
}
#focuspanel[id]{ /* IE6 and below Can't See This */
    position:fixed;
}

div#jspopup {
        background: url(/images/dialog.gif) no-repeat;
        position: absolute; 
        left: 0; 
        top: 0; 
        margin: 0; 
        padding: 0; 
        z-index: 2; 
        display: none;
}

div#popupalert {
        width: 100%;
        height: 80%;
        background: url(/images/icons/alert.gif) 15px 20px no-repeat;
        
}

div#popupstop {
        width: 100%;
        height: 80%;
        background: url(/images/icons/stop.gif) 15px 20px no-repeat;
}

div#jspopup h1 {
        position: relative;
        left: 110px;
        font-size: 16px;
        font-weight: bold;
        color: #ff0000;	
        padding: 20px 10px 20px 0;
        text-align: left;
}

div#jspopup p {
        position: relative;
        left: 110px;
        font-size: 13px;
        font-weight: bold;
        color: #333;	
        padding: 0 10px 5px 0;
        text-align: left;
}

div#jspopup #dialogbutton {
        width: 100%;
        text-align: center; 
        
}

.clickbutton {
        cursor: pointer;    
}


/* ----- GENERAL PAGE STUCTURE ----- */

div#separator {
    width: 100%;
    border-bottom: 2px solid #f1f1f1;
    margin: 0 0 30px 0;
    height: 10px;
    padding: 0;    
}


.valuealert, .zeroalert, .valuealert-sm, .zeroalert-sm {
        color: #ff0000;
        font-weight: normal;
        background: url(/images/icons/smallalert.gif) 0 -1px no-repeat;
        padding: 0 0 0 20px;
}

.zeroalert, .zeroalert-sm {
        font-weight: bold;
}

.valuealert-sm, .zeroalert-sm {
        background: url(/images/icons/smallalert.gif) 3px -3px no-repeat;
        font-size: 9px;   
        padding: 0 0 0 25px;
}

.showsection, .hidesection {
        background: url(/images/icons/showsection.gif) 20px 0 no-repeat;
        font-size: 10px;  
        padding: 0 0 0 40px;  
        cursor: pointer;
}

.hidesection {
        background: url(/images/icons/hidesection.gif) 20px 0px no-repeat;
}


.datarepeater, .datarepeater-w {
        border-top: 2px solid #dadada;
        background-color: #ebebeb;
        margin: 5px 10px 10px 10px;
        padding: 0 0 20px 0;
        display: block;
}

.datarepeater-w {
        background-color: #fff;
}

.repeatertitle {
        font-size: 14px;
        font-weight: bold;
        color: #333;
        padding: 10px 0 0 0;
        margin: 0 10px 0 10px;
}

.breadcrumb {
        font-size: 10px;
        padding: 0 0 5px 0;
        margin: 0 0 15px 0;
        border-bottom: 1px solid #dadada;        
}

#datacheckvalid {
        background: url(/images/icons/accept.gif) 10px 6px no-repeat;
        display: none;
        float: left;
        font-weight: bold;
        padding: 7px 0 0 30px;
        color: #ff0000;  
        height: 19px;  
}

#datacheck {
        float: left;
}

div#pagepanel {
    	margin: 0 auto;
    	text-align: center;
    	width: 96%;
    	min-width: 730px;
    	max-width: 1500px;
}

.livepublished, .sublivepublished {
        background: url(/images/icons/published.gif) 0 2px no-repeat;
        font-size: 12px; 
        padding: 2px 0 0 25px;   
        font-weight: bold;
}

.sublivepublished {
        background: url(/images/icons/published.gif) no-repeat;
        font-size: 10px; 
        padding: 2px 0 0 25px;   
        font-weight: normal;
}

.publishpage, .subpublishpage {
        background: url(/images/icons/smallalert.gif) 0 1px no-repeat;
        font-size: 12px; 
        padding: 2px 0 0 25px;   
        font-weight: bold;
        color: #ff0000;
}

.subpublishpage {
        background: url(/images/icons/smallalert.gif) no-repeat;
        font-size: 10px; 
        font-weight: normal;
}

.editedby {
        font-size: 12px; 
        font-weight: normal;
}

.subeditedby {
        font-size: 10px; 
        font-weight: normal;
}


div#wrapper {
	    padding-right: 7px;
        background: url(/images/rhs.gif) right repeat-y;
}

div#pagefooter {
	    background: url(/images/bots.gif) top left no-repeat;
 	    font-size: 12px;
 	    color: #363636;
        text-align: left;
}

div#pagefooter p {
 	    font-size: 9px;
 	    padding: 0 0 5px 2px;
 	    color: #8c8c8c;
}

div#pagefooter p.copyright {
 	    font-size: 10px;
 	    padding: 10px 0 2px 2px;
 	    color: #8c8c8c;
}

div#pagefooter div#brs {
        height: 7px;
        width: 7px;
        float: right;
        background: url(/images/brs.gif) top right no-repeat;
}

div#content {
        min-height: 500px; 
        background-color: #fff;
        width: 100%;
}


/* ----- HYPER LINKS ----- */

a:link, a:visited {
        color: #8c8c8c;
        text-decoration: underline;
        cursor: pointer;
}

a:hover {
        color: #666;
        text-decoration: none;
        cursor: pointer;
}  
  
      
/* ----- WELCOME PANEL ----- */

div#panelcontent {
        position: relative;
        margin: 20px 20px 0 20px;
        padding: 0;
        min-width: 600px;
        max-width: 1500px;
        text-align: left;
        min-height: 600px;
		height: auto !important;
		height: 600px;
}

div#panelcontent div#welcome {
        position: relative;
        float: left;
        width: 73%;
        height: 100px;
}

div#panelcontent div#usertools {
        position: relative;
        float: right;
        background: #f9f9f9;
        min-width: 25%;
        width: 25%;
        height: 100px;
        margin: 0 0 0 10px;
}

div#panelcontent div#usertools p {
        padding: 20px 0 0 10px;
        margin: 0 0 0 10px;
}

div#homelist {
        position: relative;
        float: left;
        width: 100%;
        height: auto;
        margin: 15px 0 0 0;
		padding: 0;
		background: #f9f9f9 url(/images/publishlist.gif) 2px 17px no-repeat;
}

div#homelist p {
        padding: 5px 0 0 80px;
        margin: 0;
}

div#homelist p.subtitle {
        padding: 20px 0 0 80px;
        margin: 0;
		font-size: 16px;
		color: #000;
}

#passwordlink {
        background: url(/images/icons/password.gif) no-repeat;
        padding: 0 0 1px 30px;
}

div#panelcontent .userlink {
        background: url(/images/icons/smalluser.gif) 2px 0 no-repeat;
        padding: 0 0 1px 30px;
}

.customermanagement {
        background: #eee; 
}

div#panelcontent div#welcome h1 {
        font-size: 15px;
        color: #333;
        font-weight: bold;
        padding: 20px 20px 10px 80px;
}

div#panelcontent div#warningpanel {
        background: #f9f9f9 url(/images/icons/alert.jpg) 10px 10px no-repeat;
        width: 100%;
        height: 120px;
}

div#panelcontent div#warningpanel h1 {
        font-size: 15px;
        color: #333;
        font-weight: bold;
        padding: 20px 20px 10px 90px;
}

div#panelcontent div#warningpanel p {
        font-size: 12px;
        color: #666;
        font-weight: normal;
        padding: 5px 0 5px 90px;
}

div#panelcontent div#warningpanel .deletewarning {
        padding: 0 0 10px 90px;   
    
}


div#panelcontent h1 {
        font-size: 15px;
        color: #333;
        font-weight: bold;
        padding: 0 20px 10px 0;
}

.campaignviewoptions {
        font-size: 10px;
        padding: 0 0 5px 0;
        margin: 0 0 15px 0;
        border-bottom: 1px solid #dadada;        
}

div#panelcontent .title {
        font-size: 15px;
        color: #333;
        font-weight: bold;
        padding: 0 0 5px 0;
        width: 100%;
        border-bottom: 2px solid #dadada;
        height: 20px;
}

div#panelcontent .filestitle {
        font-size: 15px;
        color: #333;
        font-weight: bold;
        padding: 50px 0 5px 0;
        width: 100%;
        border-bottom: 2px solid #dadada;
        height: 20px;
}





div#panelcontent .titlelink {
        font-size: 12px;   
}


div#panelcontent a, div#panelcontent a:visited {
        color: #8c8c8c;
        text-decoration: underline;
        padding: 0;
}

div#panelcontent a:hover {
        color: #666;
        text-decoration: none;
        padding: 0;
}

div#panelcontent h2 {
        font-size: 12px;
        color: #666;
        font-weight: bold;
        padding: 0 20px 0 90px;
}

div#welcome p {
        font-size: 12px;
        color: #666;
        font-weight: normal;
        padding: 5px 0 5px 90px;
}

.roweven {
        background-color: #fafafa;
        height: 25px;
}

.rowodd {
        background-color: #fff;
        height: 25px;
}

/* GENERAL COLUMN WIDTHS */

.col1-2 {
        width: 60%;
        text-align: left;
}

.col2-2 {
        width: 40%;
        text-align: left;
}

/* USER ACCESS */

.col1-2ua {
        width: 40%;
        text-align: left;
}

.col2-2ua {
        width: 60%;
        text-align: left;
}

/* PAGE/SECTION MANAGEMENT */

.col1-3pm {
        width: 38%;
        text-align: left;
}

.col2-3pm {
        width: 20%;
        text-align: left;
}

.col3-3pm {
        width: 42%;
        text-align: left;
}

/* 4 COLUMN PAGE/SECTION MANAGEMENT */

.ncol1 {
        width: 25%;
        text-align: left;
		/*background: #eee;*/
}

.ncol2 {
        width: 18%;
        text-align: left;
		/*background: #ddd;*/
}

.ncol3 {
        width: 15%;
        text-align: left;
		/*background: #ccc;*/
}

.ncol4 {
        width:42%;
        text-align: left;
		/*background: #bbb;*/
}

/* 5 COLUMN PAGE/SECTION MANAGEMENT */

.5col1 {
        width: 25%;
        text-align: left;
		/*background: #eee;*/
}

.5col2 {
        width: 10%;
        text-align: left;
		/*background: #ddd;*/
}

.5col3 {
        width: 15%;
        text-align: left;
		/*background: #ccc;*/
}

.5col4 {
        width:42%;
        text-align: left;
		/*background: #bbb;*/
}

.5col5 {
        width:8%;
        text-align: left;
		/*background: #aaa;*/
}

/* BANNER MANAGEMENT */

.col1-4bm {
        width: 30%;
        text-align: left;
}

.col2-4bm {
        width: 35%;
        text-align: left;
}

.col3-4bm {
        width: 10%;
        text-align: left;
}

.col4-4bm {
        width: 25%;
        text-align: left;
}

/* USER MANAGEMENT */

.col1-4um {
        width: 25%;
        text-align: left;
}

.col2-4um {
        width: 20%;
        text-align: left;
}

.col3-4um {
        width: 22%;
        padding: 0 5px 0 0;
        text-align: left;
}

.col4-4um {
        width: 33%;
        padding: 0 5px 0 0;
        text-align: left;
}

/* LINK MANAGEMENT */

.col1-4lm {
        width: 35%;
        text-align: left;
}

.col2-4lm {
        width: 40%;
        text-align: left;
}

.col3-4lm {
        width: 10%;
        padding: 0 5px 0 0;
        text-align: left;
}

.col4-4lm {
        width: 15%;
        padding: 0 5px 0 0;
        text-align: left;
}

/* NEWS MANAGEMENT LIST */

.col1-5ni {
        width: 15%;
        text-align: left;
}

.thumbnail {
	width: 100px;
	margin: 10px 0 5px 7px;
	overflow: hidden;
}

.col2-5ni {
        width: 35%;
        text-align: left;
}

.col3-5ni {
        width: 20%;
        text-align: left;
}

.col4-5ni {
        width: 10%;
        text-align: left;
}

.col5-5ni {
        width: 20%;
        text-align: left;
}


#packvartitle {
        background: url(/images/icons/varitem.gif) 0 0 no-repeat;
        padding: 0 0 0 25px;
        color: #333;
}


div#panelcontent .smallfile {
        background: url(/images/icons/smallfile.gif) 3px 1px no-repeat;
        padding: 0 0 0 20px;
}

div#panelcontent .varbditem {
        background: url(/images/icons/varitem.gif) 8px 5px no-repeat;
        padding: 5px 0 5px 32px;
        font-weight: normal;
}

div#panelcontent .dispageitem {
        background: url(/images/icons/dispageitem.gif) 8px 5px no-repeat;
        padding: 5px 0 5px 32px;
        font-weight: bold;
}

div#panelcontent .parentitem {
        background: url(/images/icons/pageitem.gif) 8px 5px no-repeat;
        padding: 5px 0 5px 32px;
        font-weight: normal;
}

div#panelcontent .childitem {
        background: url(/images/icons/pageitem.gif) 8px 5px no-repeat;
        padding: 5px 0 5px 42px;
        font-weight: normal;
}

div#panelcontent .pageitemalert {
        background: url(/images/icons/pageitemalert.gif) 8px 5px no-repeat;
        padding: 5px 0 5px 32px;
        font-weight: bold;
}

div#panelcontent .dissubpageitem {
        /*background: url(/images/icons/dissubpageitem.gif) 32px 4px no-repeat;*/
        padding: 5px 0 5px 54px;
        font-size: 10px;
}

div#panelcontent .subpageitem {
        /*background: url(/images/icons/subpageitem.gif) 32px 4px no-repeat;*/
        padding: 5px 0 5px 0;
}

div#panelcontent .subpageitem a:link,
div#panelcontent .subpageitem a:hover,
div#panelcontent .subpageitem a:visited {
        background: url(/images/icons/subpageitem.gif) 32px 4px no-repeat;
        padding: 0 0 0 55px;
		height: 20px;
		margin: 0;
		display: block;
}

div#panelcontent .subpageitemalert {
       /*background: url(/images/icons/subpageitemalert.gif) 32px 4px no-repeat;*/
        padding: 5px 0 5px 54px;
        font-size: 10px;
}

/* ROW ICONS */

div#panelcontent .useritem {
        padding: 5px 0 5px 32px;
}

div#panelcontent .newsitem {
        background: url(/images/icons/newsitem.gif) 8px 5px no-repeat;
        padding: 5px 0 5px 32px;
}

div#panelcontent .client {
        background: url(/images/icons/deptitem.gif) 8px 5px no-repeat;
        padding: 5px 0 5px 32px;
}

div#panelcontent .clientinlist {
        background: url(/images/icons/subpageitem.gif) 8px 5px no-repeat;
        padding: 5px 0 5px 32px;
}

div#panelcontent .colourpeeps {
        background: url(/images/icons/smalluser.gif) 8px 5px no-repeat;
        padding: 5px 0 5px 32px;
}

div#panelcontent .portfolio {
        background: url(/images/icons/pageedit.gif) 8px 5px no-repeat;
        padding: 5px 0 5px 32px;
}

div#panelcontent .portfoliopages {
        background: url(/images/icons/subpageitem.gif) 8px 5px no-repeat;
        padding: 5px 0 5px 32px;
}





/* DATA OPTIONS */

.defineaccess {
        background: url(/images/icons/defineaccess.gif) 0 2px no-repeat;
        padding: 0 10px 0 17px;
}


.deleteoption {
        background: url(/images/icons/deletelink.gif) 0 2px no-repeat;
        padding: 0 0 0 16px;
}

.restoreoption {
        background: url(/images/icons/smallalert.gif) no-repeat;
        padding: 0 0 0 16px;
}

.editpageoption {
        background: url(/images/icons/pageedit.gif) 0 1px no-repeat;
        padding: 0 0 0 16px;
        font-size: 10px;
}

.restorepageoption {
        background: url(/images/icons/showsection.gif) 0 1px no-repeat;
        padding: 0 0 0 16px;
        font-size: 10px;
}

.addpageoption {
        background: url(/images/icons/addpage.gif) 0 1px no-repeat;
        padding: 0 0 0 16px;
        font-size: 10px;
}

.audit-icon {
        background: url(/images/icons/page_gear.gif) 0 1px no-repeat;
        padding: 0 0 0 16px;
        font-size: 11px;
}

.livelink-icon {
        background: url(/images/icons/application_side_boxes.gif) 0 1px no-repeat;
        padding: 0 0 0 16px;
        font-size: 11px;
}

.revision-icon {
        background: url(/images/icons/application_add.gif) 0 1px no-repeat;
        padding: 0 0 0 16px;
        font-size: 10px;
}

.viewpageoption {
        background: url(/images/icons/viewpage.gif) 0 1px no-repeat;
        padding: 0 0 0 16px;
        font-size: 10px;
}

.publishpageoption {
        background: url(/images/icons/upload.gif) 12px 0 no-repeat;
        padding: 0 0 0 30px;
        font-size: 10px;
        font-weight: bold;
}

.revisedpageoption {
        background: url(/images/icons/viewpage.gif) 12px 0 no-repeat;
        padding: 0 0 0 30px;
        font-size: 10px;
        font-weight: bold;
}

.movepageup {
        background: url(/images/icons/arrowup.gif) 10px 1px no-repeat;
        padding: 0 0 0 22px;
        font-size: 10px;
        font-weight: normal;
}

.movepagedown {
        background: url(/images/icons/arrowdown.gif) 10px 1px no-repeat;
        padding: 0 0 0 22px;
        font-size: 10px;
        font-weight: normal;
}

.dataoptions {
        font-size: 11px;
        padding: 5px 20px 5px 0;
}

.activateicon {
        background: url(/images/icons/activate.gif) 0 1px no-repeat;
        padding: 0 0 0 15px;
}

.activatelink {
        font-size: 11px;
        padding: 5px 20px 5px 0;
}

.showarchlink {
        background: url(/images/icons/discampaign.gif) 30px 0 no-repeat;
        font-size: 12px;
        padding: 0 0 0 50px;
}

.addlink {
        background: url(/images/icons/add.gif) 30px 0 no-repeat;
        font-size: 12px;
        padding: 0 0 0 50px;
}


.printlink {
        background: url(/images/icons/printer.gif) 40px 0 no-repeat;
        font-size: 12px;
        padding: 0 0 0 60px;
}

.uploaddocuments {
        background: url(/images/icons/upload.gif) 30px 0 no-repeat;
        font-size: 12px;
        padding: 0 0 0 50px;   
}

div#formpanel {
        background: #f9f9f9;
        width: 100%;
        padding: 0;
}

#editinfo {
        margin: 10px;
        background: #e1e1e1 url(/images/icons/pageitemalert.gif) 5px 9px no-repeat;
        padding: 10px 0 10px 30px;
        font-weight: bold;
        color: #ff0000;
        border: 1px dotted #8c8c8c;
}

div#formpanel-w {
        background: #fff;
        width: 100%;
        padding: 0;
}

div#formaligned {
        padding: 0 0 10px 80px;
}

#formdata {
        padding: 0 0 10px 0;
}

div#filedetails {
        padding: 0 0 40px 10px; 
}

div#filedetails .fieldlabel {
        float: left;
        padding: 10px 0 0 70px;
        color: #666;  
        width: 150px;  
        font-weight: bold;
}

div#filedetails .fieldvalue {
        float: left;
        padding: 10px 0 0 0;
        color: #666;    
        font-weight: bold;
}

.nopadding {
        padding: 0;
}

div#formpanel .intro {
        padding: 10px 0 0 10px;
}

div#formpanel label,
div#formpanel label.editable {
        float: left;
        text-align: left;
        font-weight: normal;
        font-size: 12px;
        width: 230px;
        padding: 0.2em 0.1em 0 10px;
        margin: 5px 0 0 0;
}

div#formpanel label.editable {
        background: url(/images/icons/editable.png) top right no-repeat;
        margin: 7px 0 0 0;
}


div#formpanel .text, div#formpanel .text1, div#formpanel .text2, div#formpanel .text3, div#formpanel .text4,
div#formpanel .subtotal, div#formpanel .fileinput, .textarea1, .textarea2, .disabledvalue, div#formpanel .text2disabled, div#formpanel .text3disabled,
div#formpanel .viewtext, div#formpanel .viewtext1, div#formpanel .viewtext2, div#formpanel .viewtext3, div#formpanel .viewtext4, div#formpanel .disablethistext,
div#formpanel .disabledtext, div#formpanel .disablethistextsmall {
        width: 618px;
        border: 1px solid #d8d2c5;
        background: #fff;
        padding: 3px 6px 3px 5px;
        font-size: 12px;
        height: 16px;
        margin: 2px 0 5px 0;
        color: #333;
}

div#formpanel .disabledlargetext {
        width: 506px;
        height: 150px;
        font-weight: normal;
        font-size: 12px;
}

div#formpanel .disabledtext {
        width: 506px;
        font-weight: normal;
        font-size: 12px;
}

div#formpanel .textarea1 {
        height: 50px;
        width: 618px;
}

div#formpanel .textarea2 {
        height: 300px;
        width: 550px;
}

div#formpanel .fileinput {
        height: 25px;
}

div#formpanel .text1 {
        width: 150px;
}

div#formpanel .text2{
        width: 90px;
}

div#formpanel .text4 {
        width: 30px;
}

div#formpanel .viewtext1, div#formpanel .viewtext2, div#formpanel .viewtext3, div#formpanel .viewtext4 {
        background: #d8d2c5;
        border: 1px solid #d8d2c5;
}

div#formpanel .text2disabled, div#formpanel .text3disabled {
        background: #d8d2c5;
        width: 90px;
        font-weight: bold;
}

div#formpanel .disablethistext {
        background: #ccc;
        width: 493px;
        font-weight: bold;
}

div#formpanel .disablethistextsmall {
        background: #ccc;
        width: 85px;
        font-weight: bold;
}

div#formpanel .text3disabled {
        width: 493px;
        font-weight: bold;
}

div#formpanel .disabledvalue {
        width: 90px;
        font-weight: normal;
        background: #ffffbf;
        border: 1px solid #aba59c;
}

div#formpanel .subtotal {
        width: 90px;
        font-weight: bold;
        background: #c7c7c7;
        border: 1px solid #aba59c;
}

div#formpanel .text3 {
        width: 200px;
}

div#formpanel .sectiontitle {
		font-weight: bold;
		padding: 10px;	
		color: #2d2d2d;
	    font-size: 13px;
}

div#formpanel select, div#filterpanel select {
        width: 506px;
        border: 1px solid #d8d2c5;
        background: #fff;
        padding: 2px 1px 2px 1px;
        padding-right: 0;
        font-size: 12px;
        margin: 2px 0 5px 0;
        color: #333;
}

div#filterpanel select {
        width: 250px;
}

div#filterpanel {
        width: 100%;
        padding: 0;
        margin: 0 0 20px 0;
        border-bottom: 1px solid #e0e0e0;
}

div#filterpanel label {
        padding: 0 20px 0 0;
        margin: 0;   
}

div#formpanel .booleanselect {
        width: 60px;
}

div#formpanel .disbooleanselect {
        background-color: #e0e0e0;
        color: #c0c0c0;
}

div#formpanel .select1 {
        width: 180px;
}

div#formpanel .disselect1 {
        background-color: #e0e0e0;
        color: #c0c0c0;
        width: 180px;
}

div#formpanel .select2 {
        width: 250px;
}

div#formpanel .disselect2 {
        background-color: #e0e0e0;
        color: #c0c0c0;
        width: 250px;
}

div#formpanel .dateselect {
        width: 48px;
}

div#formpanel .yearselect {
        width: 65px;
}

div#formpanel .button {
        text-align: left;
        padding: 20px 0 0 10px;
}

.passworddefined {
        padding: 20px 0 15px 35px;
        color: #ff0000;
        font-weight: bold; 
        background: url(/images/icons/smallalert.gif) 10px 19px no-repeat;   
}

.panelitem, .activepanelitem {
        float: left;
        width: 150px;
        height: 100px; 
        border: 1px solid #fff;
        margin: 0 10px 10px 0;
        text-align: center;
        padding: 10px 0 10px 0;
        background: #fff;
}

.activepanelitem {
        border: 1px solid #dadada;
        background: #e5e5f5;
}


.panellabel {
        padding: 10px 0 10px 0;
        text-decoration: none;
}

.SI-FILES-STYLIZED label.cabinet
{
    width: 120px;
    height: 28px;
    background: url(/images/buttons/file.png) 0 0 no-repeat;
    display: block;
    overflow: hidden;
    cursor: pointer;
	position: relative;
	left: 250px;
}

.SI-FILES-STYLIZED label.cabinet input.file
{
    position: relative;
	left: -130px;
    height: 100%;
    width: auto;
	opacity: 0;
    -moz-opacity: 0;
    cursor: pointer;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}

#detecterrors {
	float: left;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: 2px solid #E53217;
	width: 99%;
	margin: 15px 0 0 0;
	padding: 0 0 10px 10px;
}

#detecterrors p.alert {
	color: #E53217;
	font-weight: bold;
	margin: 4px 0 4px 0;
}

#detecterrors p.erroritem {
	margin: 0 0 2px 5px;
	padding: 0 0 0 16px;
	background: url(../images/icons/cross.jpg) top left no-repeat;
}

div.clear {
	clear: both;
}

.imgthumb {
	margin: 0 0 0 250px;
	clear: both;
}

#formpanel .datelist {
	width: 60px;
}

#krislistbox {
	background-color: #ccc;
	height: auto;
}

.section_pebble {
	margin: 10px 0 0 10px;
}

.chooseimg,
.chooseimg-highlight {
	float: left;
	width: 150px;
	height: 138px;
	background: #e5e5e5;
	margin: 0 10px 10px 0;
	padding: 5px 10px;
}

.chooseimg-highlight {
	background: #4a75ba;
}

.highblue {
	color: #4a75ba;
	font-weight: bold;
}

.counter {
	font-family: Arial, Helvetica, sans-serif;
	width: auto;
	margin: 0;
	padding: 3px;
	font-size: 12px;
	color: #666;
}

.charsleft {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
}

#errortop {
	float: left;
	margin: 10px 0 0 0;
	background-color: #FFD1D1;
	border-top: 1px solid #F8ACAC;
	border-bottom: 1px solid #F8ACAC;
	width: 100%;
	height: 37px;
	opacity:0;
	filter:alpha(opacity=0);
}

	#errorbottom {
		float: left;
		width: 100%;
		background-color: #FFF1F1;
		padding: 10px 0 20px 0;
		margin: 0;
		border-bottom: 1px solid #FDDCDC;
		opacity:0;
		filter:alpha(opacity=0);
	}

	#errortop p {
		font-size: 1.2em;
		font-weight: bold;
		background: url(/images/icons/no.gif) center left no-repeat;
		padding: 0 0 0 22px;
		margin: 10px 0 0 10px;
	}
	
	#errorbottom p {
		margin: 0 0 0 10px;
		line-height: 1.8em;
	}