/* $Id: default.css 367 2007-10-06 08:20:45Z timw $ */
BODY.skink {
  margin:                                 0px;
  
  background-color:                       #666666;
  color:                                  #FFFFFF;
  font-family:                            Verdana, Arial, Helvetica, sans-serif;
  font-size:                              12px;
}

BODY.skink TABLE.skinkcontainer {
  margin:                                 auto;
}

A {
  color:                                  #444444;
}
#skinklogin {
	margin-top:															5px;  
	padding:                                1px;

  background-color:                       #FFFFFF;
  color:                                  #666666;
  font-family:                            Verdana, Arial, Helvetica, sans-serif;
  font-size:                              13px;
  font-weight:                            bold;
}
#skinklogin INPUT.login {
  border:                                 1px solid #000000;
  margin-top:                             10px;
  width:                                  250px;
  
  background-color:                       #FFFFFF;
  color:                                  #999999;
  font-family:                            Verdana, Arial, Helvetica, sans-serif;
  font-size:                              10px; 
}
#skinklogin INPUT.loginpassword {
  border:                                 1px solid #000000;
  margin-top:                             10px;
  width:                                  193px;
  
  background-color:                       #FFFFFF;
  color:                                  #999999;
  font-family:                            Verdana, Arial, Helvetica, sans-serif;
  font-size:                              10px; 
}
#skinklogin INPUT.loginbutton {
  border:                                 1px solid #000000;
  width:                                  50px;

  background-color:                       #CCCCCC;
  color:                                  #666666;
  font-family:                            Verdana, Arial, Helvetica, sans-serif;
  font-size:                              10px; 
  font-weight:                            bold; 
  text-align:                             center; 
}
#skinktitle,
#skinktitlecollapsed {
  width:                                  100%;
  height:                                 100px;
  padding:                                0px;

  background-color:                       #999999;
  background-image:                  	    url('images/skinktitle_background.gif');
  color:                                  #666666;
  font-family:                            Verdana, Arial, Helvetica, sans-serif;
  font-size:                              13px;
  font-weight:                            bold;
}
#skinktitlecollapsed {
  height:                                 18px;

  background-image:                  	    url('images/skinktitle_background_collapsed.gif');
}
#skinkmainmenu {
  width:                                  100%;
  height:                                 40px;
  margin-bottom:                          5px;
  padding:                                0px;

  background-color:                       #999999;
  background-image:                  	    url('images/menu_bg.gif');
  color:                                  #666666;
  font-family:                            Verdana, Arial, Helvetica, sans-serif;
  font-size:                              13px;
  font-weight:                            bold;
}



















#skinkmenu {
  float:                                  left;
  height:                                 52.5em;
  margin-left:                            .5em;
  margin-right:                           .5em;
  overflow:                               auto;
  width:                                  25em;

  background-color:                       #FFFFFF;
  color:                                  #666666;
  font-family:                            Verdana, Arial, Helvetica, sans-serif;
  font-size:                              10px;
}
#skinkmenu A {
  display:                                block;
  text-decoration:                        none;
}
#skinkmenu DIV.skinkmenu {
  height:                                 336px;
  overflow:                               auto;
  padding:                                2px;
  width:                                  191px;
}
#skinkmenu TABLE {
  width:                                  100%;
}
#skinkmenu TH {
  text-align:                             left;
}
#skinkmenu TD {
  padding:                                2px;
}
#skinkmenu #contentbrowse TR:hover {
  background-color:                       #DDDDDD;
}
#skinkmenu TR.selected {
  background-color:                       #E3FFFF;
}
#skinkmenu IMG {
  margin-left:                       			1px;
  margin-right:                       		1px;
  
  vertical-align:                         middle;
}
#skinkcontentheader {
  height:                                 1.5em;
  margin-bottom:                          .1em;
  margin-left:                            .35em;
  margin-right:                           .35em;
  overflow:                               hidden;
  padding-left:                           20px;
  padding-top:                            2px;
  width:                                  auto;

  background-color:                       #CCCCCC;
  color:                                  #666666;
  font-size:                              14px;
  font-weight:                            bold;
  text-align:                             left;
}
#skinkcontent {
  height:                                 50.5em;
  margin-left:                            .5em;
  margin-right:                           .5em;
  overflow:                               auto;
  width:                                  auto;

  background-color:                       #FFFFFF;
  color:                                  #666666;
  font-family:                            Verdana, Arial, Helvetica, sans-serif;
  font-size:                              10px;
}
#skinkcontent.skinkcontentprint {
  height:                                 auto;
  overflow:                               visible;
  width:                                  auto;
}
@media print {
	#skinkcontent {
	  height:                                 auto;
	  overflow:                               visible;
	  width:                                  auto;
	}
}
#mainswitch, #splashswitch {
  width:                                  300px;
  border:                                 1px solid #666666;
  font-size:                              10px;
}

























/**
 * SKINK DOCUMENTATION
 */
#documentationmenu,
#documentationcontent {
	height:																565px;
  overflow:                             auto;
  padding:															3px;

	background-color:											#FFFFFF;
	border:																1px solid #999999;
}
#documentationmenu {
	float:																left;
	width:																250px;
}
#documentationmenu UL {
	margin-left: 													1.5em;
	padding-left: 												1.0em;
}
#documentationmenu LI {
}
#documentationcontent {
	margin-left:													10px;
}
#documentationcontent P {
	margin-top:														5px;
}
#documentationcontent UL {
}
#documentationcontent LI {
	clear:																both;
	/*margin-top:														15px;*/
}
#documentationcontent IMG {
	margin:																5px;
}
#documentationcontent DIV.notice {
	clear:																right;

	border:																1px dashed #9999FF;
	margin:																10px;
	padding:															10px;
	
	background-color:											#DDDDFF;
	color:																#000000;
}
#documentationcontent DIV.caution {
	clear:																right;

	border:																1px dashed #FF0000;
	margin:																10px;
	padding:															10px;
	
	background-color:											#FFDDDD;
	color:																#000000;
}
#documentationcontent DT {
	margin-top:														10px;
	
	font-weight:													bold;
}
#documentationcontent H4 {
  margin:                                       0px;
  margin-bottom:                          2px;
  margin-top:                                   2px;

  background-color:                       #CCCCCC;
  font-size:                              1.1em;
}
/** 
 * Popup Ajax window
 */
.appajaxbg {
  position:                             absolute;
  top:                                  0px;
  left:                                 0px;
  
  width:                                100%;
  height:                               100%;
  
  background-color:                     #000000;
  color:                                #FFFFFF;
} 
.appajaxcontainer {
  position:                             absolute;
  top:                                  0px;
  left:                                 0px;
  
  width:                                100%;
  height:                               100%;
} 
.appajaxpopup {
  margin:                               auto;
  margin-top:                           100px;  
  width:                                800px;
  height:                               600px;
  
  background-color:                     white;
  border:                               2px solid #999999;
  color:                                #666666;
} 
.appajaxpopup H3 {
  height:                               20px;
  margin:                               0px;
  
  background-color:                     #AAAAAA;
  border:                               0px solid #999999;
  border-bottom-width:                  2px;
  color:                                #FFFFFF;
  font-size:                            1.2em;
  text-align:														left;
} 
.appajaxpopup H3 A {
  float:                                right;
  width:                                50px;
  margin:                               0px;
  margin-top:                           -18px;
  
  color:                                #FFFFFF;
} 
.appajaxpopupcontent {
  padding:                              2px;
  height:                               575px;
  overflow:                             auto;
  
  color:                                #666666;
  text-align:														left;
}
.appajaxpopupcontent IFRAME{
  margin:                               -2px;
  height:                               575px;
  width:																780px;
}


























/**
* Item Add
*/ 
#contentadd TD {
  padding:                                5px;
  
  background-color:                       #EEEEEE;
  border:                                 1px dashed #999999;
}
#modulelinks A {
  color:                                  blue;
  display:                                inline !important;
  text-decoration:                        underline !important;
}
#modulelinks A:hover {
  background-color:                       #FFFFFF !important;
}
#contentadd TD.blank {
  height:                                 5px;
  
  background-color:                       #FFFFFF;
  border:                                 0px dashed #999999;
}
#contentadd INPUT {
  border:                                 1px solid #0033FF;
  border-bottom-color:                    #000000;
  border-left-color:                      #000000;
  border-right-color:                     #000000;
  border-top-color:                       #000000;
  margin:                                 1px;
  padding:                                1px;
  width:                                  120px;

  background-color:                       #FFFFFF;
  font-family:                            Verdana, Arial, Helvetica, sans-serif;
  font-size:                              11px; 
}
#contentadd INPUT.button {
  border:                                 1px solid #0033FF;
  border-bottom-color:                    #000000;
  border-left-color:                      #000000;
  border-right-color:                     #000000;
  border-top-color:                       #000000;
  margin:                                 1px;
  width:                                  50px;

  background-color:                       #CCCCCC;
  font-family:                            Verdana, Arial, Helvetica, sans-serif;
  font-size:                              10px; 
  font-weight:                            bold;
}







.heading {
  border-left:                            1px solid #666666;
  border-bottom:                          1px solid #666666;
  margin-bottom:                          5px;
  padding:                                2px;
  
  background-color:                       #CCCCCC;
  color:                                  #666666;
  font-size:                              14px;
  font-weight:                            bold;
  text-align:                             left;
}
.errors {
  border:                                 0px solid #CC0000;
  padding:                                2px;

  color:                                  #CC0000;
  font-size:                              .8em;
  font-weight:                            bold;
}
.notices {
  border:                                 1px solid #006600;
  padding:                                2px;

  background-color:                       #99FF99;
  color:                                  #006600;
  font-weight:                            bold;
}
DIV.grpleft {
  float:                                  left;
  display:                                block;
  margin:                                 0px;
  
}
DIV.grpright {
  float:                                  right;
  display:                                block;
  margin:                                 0px;
  
}
DIV.grpleft DIV.row, DIV.grpright DIV.row {
  clear:                                  both;
  display:                                block;
  margin:                                 0px;
  
}
DIV.row LABEL, DIV.row .label, DIV.row .labelblurb, DIV.row .twohigh, DIV.row .labeltextarea {
  float:                        left;
  height:                       15px;
  padding:                      4px;
  width:                        150px; 
    
  background-color:             #DDDDDD;
  color:                        #999999;
  font-size:                    11px;
  text-align:                   right;
  text-transform:               lowercase;
}
DIV.row DIV.data {
  border:                       1px solid #EEEEEE;
  height:                       12px;
  padding:                      4px;
  width:                        200px; 
}
SELECT, INPUT[type="text"],INPUT[type="password"], TEXTAREA {
  border:                       1px solid #0033FF;
  border-bottom-color:          #000000;
  border-left-color:            #000000;
  border-right-color:           #000000;
  border-top-color:             #000000;
  margin:                       2px;
  width:                        150px;

  background-color:             #EEEEEE;
  font-family:                  Verdana, Arial, Helvetica, sans-serif;
  font-size:                    11px; 
}
TEXTAREA {
  white-space:                  pre;
}
TH.header {
  border:                       1px solid #FFFFFF;
  padding:                      2px;
  width:                        150px; 
    
  background-color:             #DDDDDD;
  color:                        #999999;
  font-size:                    10px;
  font-weight:                  bold;
  text-align:                   left;
  text-transform:               lowercase;
}
TD.label {
  border:                       1px solid #FFFFFF;
  border-collapse:              collapse;
  padding:                      2px;
  width:                        150px; 
    
  background-color:             #DDDDDD;
  color:                        #999999;
  font-size:                    10px;
  text-align:                   right;
  text-transform:               lowercase;
}
TH.label {
  padding:                      2px;
    
  background-color:             #EDEDED;
  color:                        #999999;
  font-size:                    9px;
  text-align:                   center;
  text-transform:               lowercase;
}
TD.cell {
  border:                       1px solid #EDEDED;
  border-collapse:              collapse;
  padding:                      2px;
}
TD.data {
  padding:                      1px;
  
  font-size:                    10px;
}
TD.edit {
  padding:                      2px;
}
TD.data SPAN {
  border:                       1px solid #CCCCCC;
  padding:                      1px;
  
  display:                      block;
  overflow:                     auto;
  white-space:                  pre;
}
TD.data SPAN.textarea {
  height:                       40px;
}
/*TD.data DIV {
  border:                       1px solid #EEEEEE;
  height:                       12px;
  padding:                      4px;
} */
TD.edit INPUT[type='text'], TD.edit SELECT, TD.edit TEXTAREA {
  border:                       1px solid #0033FF;
  border-bottom-color:          #000000;
  border-left-color:            #000000;
  border-right-color:           #000000;
  border-top-color:             #000000;
  margin:                       0px;
  padding:                      2px;
  width:                        200px;

  background-color:             #EEEEEE;
  font-family:                  Verdana, Arial, Helvetica, sans-serif;
  font-size:                    9px; 
}
TD.edit INPUT.button {
  border:                       1px solid #0033FF;
  border-bottom-color:          #000000;
  border-left-color:            #000000;
  border-right-color:           #000000;
  border-top-color:             #000000;
  margin:                       1px;
  width:                        75px;

  background-color:             #CCCCCC;
  font-family:                  Verdana, Arial, Helvetica, sans-serif;
  font-size:                    10px; 
  font-weight:                  bold;
}
TD.edit TEXTAREA {
  height:                       40px;
}
TD.textarea {
  vertical-align:               top;
}
TD.edit INPUT[type='radio'], TD.edit INPUT[type='checkbox'] {
  border:                       1px solid #0033FF;
  border-bottom-color:          #000000;
  border-left-color:            #000000;
  border-right-color:           #000000;
  border-top-color:             #000000;
  margin:                       2px;
  width:                        20px;
 
}
TD.data DIV.calendardata {
  border:                       1px solid #EEEEEE;
  float:                        left;
  height:                       12px;
  padding:                      4px;
  width:                        130px; 

  font-size:                    11px;
}
TD.data IMG.calendaricon {
  display:                      inline;
  height:                       15px;
  margin:                       0px;
  width:                        15px;
  
  cursor:                       hand;
  vertical-align:               sup;
}
TABLE.spreadsheet TH, TABLE.spreadsheet TD {
  border-collapse:                      collapse;
}
TABLE.spreadsheet TH {
  background-color:                     #CCCCCC;
}
TABLE.spreadsheet TD {
  border:                               1px solid #999999;
  border-collapse:                      collapse;  
}
LABEL.new {
  background-color:                     #EEFFEE;
}




/**
 * SKINK NAV TABS
 */
#tabmenu {
  
  border-bottom:                        1px solid #999999;
  display:                              block;
  height:                               19px;
  margin-bottom:                        10px;
  padding-left:                         5px;
  width:                                98%;

  background-color:                     #666666;
}
#tabmenu.popup {
  background-color:                     transparent;
}
#tabmenu UL {
  display:                              inline;
  margin:                               0px;
  padding:                              10px 10px 0px 0px;
  
  list-style:                           none;
}
#tabmenu LI {
  display:                              inline;
  float:                                left;
  margin:                               0px;
  padding:                              0px;
  padding-left:                         6px;
  
  background:                           url('images/tabdown_left.gif') no-repeat left top;
}
#tabmenu LI A {
  display:                              block;
  float:                                left;
  height:                               20px;
  padding-bottom:                       3px;
  padding-left:                         8px;
  padding-right:                        15px;
  padding-top:                          3px;
  
  background:                           url('images/tabdown_right.gif') no-repeat right top;
  font-size:                            10px;
  font-weight:                          bold;
  text-decoration:                      none;
} 
#tabmenu LI A:hover {
  background-color:                     transparent !important;
} 
#tabmenu LI.up {
  background-image:                     url('images/tab_left.gif');
}
#tabmenu LI A.up {
  background-image:                     url('images/tab_right.gif');
}




/**
 * SKINK AJAX Messages
 */
#newoption_message {
  display:                              inline;
}
IMG.optionbutton {

  -moz-opacity:                         0.70;
  background-color:                     #EFEFDE;
  border:                               #EFEFDE 1px solid;
  filter:                               alpha(opacity=70);
}
IMG.optionbutton:hover {
  border-color:                         #316AC5;
  background-color:                     #DFF1FF;
}
IMG.optionbuttonon {
  border-color:                         #316AC5;
  background-color:                     #C1D2EE;
}
/**
 * Image browser window
 */
#imagebrowser {
  border-collapse:                      collapse;
  height:                               100%;
  width:                                100%;
  
  background-color:                     red;
}
#imagebrowser TD {
  border:                               #737357 1px solid;
  padding:                              2px;
  
  font-family:                          Verdana, Arial, Helvetica, sans-serif;
  font-size:                            10px;
}  
#imagebrowser #resource {
  height:                               50px;  
  width:                                20%;
  
  background-color:                     #EFEFDE;
}
#imagebrowser #resource SELECT {  
  width:                                195px;
}  
#imagebrowser #header {
  height:                               50px;  
  
  background-color:                     #C7C78F;
  color:                                #737357;
  font-family:                          Verdana, Arial, Helvetica, sans-serif;
  font-size:                            14px;
  font-weight:                          bold;
}
#imagebrowser #folders {
  height:                               auto;
  
  background-color:                     #FFFFFF;
  vertical-align:                       top;
}
#imagebrowser #files {
  height:                               400px;  
  
  background-color:                     #FFFFFF;
  vertical-align:                       top;
}
#imagebrowser #files A {
  padding:                              2px;
  
}
#imagebrowser #files A:hover {
  background-color:                     #EFEFDE;
}
#imagebrowser #details {
  height:                               200px;  
  
  background-color:                     #EFEFDE;
}
#imagebrowser #details H3 {  
  border:                               #737357 1px solid;
  border-bottom-width:                  0px;
  height:                               15px;
  margin:                               15px;
  margin-bottom:                        0px;
  padding:                              2px;  
  width:                                170px;
  
  background-color:                     #C7C78F;
}
#imagebrowser #filedetails, #imagebrowser #filedetails_loading {  
  border:                               #737357 1px solid;
  height:                               150px;
  margin:                               15px;
  margin-top:                           0px;
  padding:                              2px;  
  width:                                170px;
  
  background-color:                     #FFFFFF;
  font-family:                          Verdana, Arial, Helvetica, sans-serif;
  font-size:                            10px;
  text-indent:                          20px;
}
#imagebrowser #filedetails SPAN {  
  display:                              block;
}
#imagebrowser #filedetails SPAN IMG {  
  margin:                               auto;
  display:                              block;
}
#imagebrowser #filedetails_name {
  font-weight:                          bold; 
}
#imagebrowser #filedetails_size {
  font-style:                           italic; 
}
#imagebrowser #filedetails_imagepreview {
  display:                              block;
}
#imagebrowser #upload {
  height:                               70px; 
  padding:                              0px; 
  
  background-color:                     #EFEFDE;
}
#imagebrowseruploadframe INPUT[type='text'], #imagebrowser #upload INPUT[type='file'] {
  padding:                              4px; 
}
#imagebrowseruploadframe INPUT[type='text'], #imagebrowser #upload INPUT[type='file'] {
  border:                       1px solid #0033FF;
  border-bottom-color:          #000000;
  border-left-color:            #000000;
  border-right-color:           #000000;
  border-top-color:             #000000;
  margin:                       0px;
  padding:                      2px;
  width:                        200px;

  background-color:             #EEEEEE;
  font-family:                  Verdana, Arial, Helvetica, sans-serif;
  font-size:                    9px; 
}
#imagebrowseruploadframe INPUT[type='submit'] {
  border:                       1px solid #0033FF;
  border-bottom-color:          #000000;
  border-left-color:            #000000;
  border-right-color:           #000000;
  border-top-color:             #000000;
  margin:                       1px;
  width:                        75px;

  background-color:             #CCCCCC;
  font-family:                  Verdana, Arial, Helvetica, sans-serif;
  font-size:                    10px; 
  font-weight:                  bold;
}








FORM, P, DL, UL, OL {
  margin:                               0px;
}