/*****************************************************************************
 *
 * Kupu common styles
 *
 * Copyright (c) 2003-2005 Kupu Contributors. See CREDITS.txt
 *
 * Instead of customizing this file, it is recommended to add your own
 * CSS file.  Feel free to use whole or parts of this for your own
 * designs, but give credit where credit is due.
 *
 *****************************************************************************/
/* $Id: kupustyles.css 43612 2007-05-25 09:16:10Z duncan $ */

.kupu-fulleditor, .kupu-toolboxes {
  font-family: Verdana, "Lucida Grande", Helvetica, Arial, sans-serif;
  background-color: white;
}
div.kupu-sourcemode{ background-color:#F0F0F0;}
div.kupu-fulleditor .kupu-fulleditor-zoomed {
  height: 100%;
  padding: 0px;
}

div.kupu-fulleditor .kupu-editorframe {
   border: none;
}
iframe.kupu-editor-iframe {background-color:#FFFFFF;}

div.kupu-fulleditor-zoomed {
   z-index: 100;
   margin: 0; border: none;
   position: fixed;
   top: 0; left: 0;
   background-color: white;
}

* html div.kupu-fulleditor-zoomed {
   position: absolute; /* IE */
}

div.kupu-fulleditor-zoomed .kupu-editor-iframe {
  border: none;
  margin: 0;
}

div.kupu-smalleditor .kupu-editorframe {
  margin-right: 0.2em;
}

h1.kupu-toolbox-heading, h1.kupu-toolbox-heading-closed {
  cursor: default;
  background-image: url("kupuimages/closed.png");
  background-repeat: no-repeat;
  background-position: left;
}

h1.kupu-toolbox-heading-opened {
  cursor: default;
  background-image: url("kupuimages/opened.png");
  background-repeat: no-repeat;
  background-position: left;
}

div.kupu-sourcemode span.kupu-tb-buttongroup,
body.kupu-fulleditor-zoomed select { display: none; }
body.kupu-fulleditor-zoomed div.kupu-fulleditor-zoomed select { display: inline; }
div.kupu-sourcemode select { display: none !IMPORTANT; }
div.kupu-sourcemode span#kupu-logo,
div.kupu-sourcemode span#kupu-zoom,
div.kupu-sourcemode span#kupu-source { display: inline; background-color:#F0F0F0 }

div.kupu-smalleditor {
  font-family: Verdana, "Lucida Grande", Helvetica, Arial, sans-serif;
  border: solid 3px ButtonHighlight;
  margin: 0.2em;
  height: 100%;
}

/* @group toolbar
------------------------*/
.kupu-tb {
  padding: 0px;
  margin-bottom: 0.4em;
  background-color: ButtonFace;
  border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
}

.kupu-tb-buttons button {
  color: ButtonText;
  border: 1px solid ButtonFace;
  margin-top: 0;
  margin-left: 0;
  height: 26px;
  width: 26px;
  background-repeat: no-repeat;
}

.kupu-tb-buttons button:hover {
  cursor: default;
  border:0px;
}

.kupu-tb-buttons button:active {
  border: 1px solid;
  border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
}

.kupu-tb-buttongroup {
  margin-left: 0px;
  margin-right: 0px;
}
#conveyor_editor_toolbar{padding-top:4px;padding-bottom:4px; background-color:#F0F0F0;}
button{border:0px;width:42px; height:44px; }
button:hover{border:0px;}
button.kupu-size1{background-image: url("Editor-Buttons.png");background-position:512px -561px;}
button.kupu-size1:hover{background-position:512px -511px;}
button.kupu-size1-pressed{background-image:  url("Editor-Buttons.png");background-position:512px -461px;}
button.kupu-size2{border:0px;background-image:  url("Editor-Buttons.png");background-position:476px -561px;margin-left: -9px;}
button.kupu-size2:hover{background-position:476px -511px;}
button.kupu-size2-pressed{background-image: url("Editor-Buttons.png");background-position:476px -461px;margin-left: -9px;}
button.kupu-size3{border:0px;background-image: url("Editor-Buttons.png");background-position:440px -561px;margin-left: -9px;}
button.kupu-size3:hover{background-position:440px -511px;}
button.kupu-size3-pressed{background-image: url("Editor-Buttons.png");background-position:440px -461px;margin-left: -9px}
button.kupu-bold,.kupu-bold {border:0px;background-image: url("Editor-Buttons.png");background-position:391px -561px;}
button.kupu-bold:hover{background-position:391px -511px;}
button.kupu-bold-pressed,.kupu-bold-pressed {background-image: url("Editor-Buttons.png");background-position:391px -461px;}
button.kupu-italic,.kupu-italic {border:0px;background-image: url("Editor-Buttons.png"); background-position:355px -561px;margin-left: -9px;}
button.kupu-italic:hover{background-position:355px -511px;}
button.kupu-italic-pressed,.kupu-italic-pressed {background-image: url("Editor-Buttons.png"); background-position:355px -461px;margin-left: -9px;}
button.kupu-indent,.kupu-indent{border:0px;background-image: url("Editor-Buttons.png");background-position:319px -561px;margin-left: -9px;}
button.kupu-indent:hover{background-position:319px -511px;}
button.kupu-indent-pressed{border:0px;background-image: url("Editor-Buttons.png");background-position:319px -461px;margin-left: -9px;}
button.kupu-insertunorderedlist {border:0px;background-image: url("Editor-Buttons.png");background-position:283px -561px;margin-left: -9px;}
button.kupu-insertunorderedlist:hover{background-position:283px -511px;}
button.kupu-insertunorderedlist-pressed{background-image: url("Editor-Buttons.png");background-position:283px -461px;margin-left: -9px;}
button.kupu-alink{border:0px;background-image: url("Editor-Buttons.png");background-position:240px -561px;}
button.kupu-alink:hover{background-position:240px -511px;}
button.kupu-alink-pressed {background-image: url("Editor-Buttons.png");background-position:240px -461px;}
#kupu-conveyorlinkdrawerbutton {border:0;background-image: url("Editor-Buttons.png");background-position:200px -561px;margin-left: -4px;}
#kupu-conveyorlinkdrawerbutton:hover {background-position:200px -511px;}
#kupu-conveyorpicturedrawerbutton {border:0;background-image: url("Editor-Buttons.png");background-position:160px -561px;margin-left: -4px;}
#kupu-conveyorpicturedrawerbutton:hover{background-position:160px -511px;}
#kupu-conveyorvideodrawerbutton {border:0;background-image: url("Editor-Buttons.png");background-position:128px -561px;margin-left: -9px;}
#kupu-conveyoraudiodrawerbutton {border:0;background-image: url("Editor-Buttons.png");background-position:92px -561px;margin-left: -9px;}
#kupu-conveyorvideodrawerbutton:hover{background-position:128px -511px;}
#kupu-conveyoraudiodrawerbutton:hover{background-position:92px -511px;}
button.kupu-table {border:0;background-image: url("Editor-Buttons.png");background-position:46px -561px;}
button.kupu-table:hover{background-position:46px -511px;}
button.kupu-source {border:0px !important;background-image: url("Editor-Html.png");width:78px;background-position:0px -110px;}
button.kupu-source:hover {background-position:0px -60px; border:0px !important;}
button.kupu-source-pressed{border:0px;background-image: url("Editor-Buttons.png"); background-position:0px -11px;}

.kupu-tb-buttons button.invisible { 
    display: none;
    /*visibility: hidden;*/
    }

.kupu-tb-buttons button.visible { 
    display: inline;
    }

div.kupu-editorframe {
    margin-left: 0.5em;
    margin-bottom: 0.5em;
    border: solid 2px ButtonFace;
    }

iframe.kupu-editor-iframe {
    width: 99%;
    border-color:#f0f0f0;
    }

textarea.kupu-editor-textarea {
    height: 450px;
    width: 99%;
    display: none;
    margin-top:1em;
    }

div.kupu-toolboxes {
    float: right;
    border: solid 2px ButtonFace;
    width: 19.4em;
    margin-right: 0.3em;
    margin-bottom: 0.3em;
    font-size: 0.8em;
    }

div.kupu-fulleditor-zoomed div.kupu-toolboxes {
    display: none;
    }

div.kupu-toolbox, 
div.kupu-toolbox-active {
    margin-bottom: 1em;
    }

div.kupu-toolbox h1, 
div.kupu-toolbox-active h1 {
    text-align: center;
    width: 100%;
    background-color: ButtonFace;
    margin-top: 0;
    font-size: 1.1em;
    }

div.kupu-toolbox-label, 
span.kupu-toolbox-searchterm, 
input.wide, 
select.wide, 
textarea.wide, 
button.kupu-toolbox-action, 
div.kupu-toolbox-results {
    margin-left: 0.2em;
    margin-right: 0.2em;
    }

.wide {
    width: 95%;
    }

div.kupu-toolbox-label {
    margin-bottom: 0.4em;
    }

.kupu-toolbox-buttons {
    text-align: center;
    }

.kupu-toolbox-buttons button {
    width: 45%;
    }

div.kupu-toolbox-results {
    border: solid 2px ButtonFace;
    margin-top: 0.8em;
    text-decoration: underline;
    padding: 0.2em;
    display: none;
    }

div.kupu-toolbox table.kupu-toolbox-addtable input, 
div.kupu-toolbox-active table.kupu-toolbox-edittable input {
    width: 20px;
    }

div.kupu-toolbox-active {
    background-color: ButtonFace;
    }

.kupu-toolbox-editlink, 
.kupu-toolbox-edittable,
.kupu-ulstyles, 
.kupu-olstyles {
    display: none;
    }


div#kupu-colorchooser {
    position: absolute;
    visibility: hidden;
    border: solid black 1px;
    background-color: white;
    padding: 0.2em;
    font-size: small;
    }

.kupu-toolboxes input, 
.kupu-toolboxes select, 
.kupu-toolboxes textarea {
    font-size: x-small;
    font-family: Verdana, "Lucida Grande", Helvetica, Arial, sans-serif;
}

div#kupu-fgcolorchooser div:hover {
    /* border: outset 1px; */
    }


input.disabled, button.disabled {
   opacity:0.5;
   filter:alpha(opacity=50);
   }

/* @end */

/* @group drawers 
------------------------*/
div.kupu-drawer {
   overflow: auto;
}

.picker-drawer{
    z-index:10000!important;
    margin:1% 0 0 22%;
    width:540px;
    padding:0!important;
    color:#000000; 
    background-color:#ffffff !important;
    border:2px solid black !important
    }

.picker-drawer .kupu-dialogbuttons{
    width:532px;
    background-color:#000000;
    margin:0;
    padding:0 4px; 
    border-bottom:1px solid #cccccc;
    }

.picker-drawer .kupu-dialogbuttons button{
    margin-right:0!important;
    padding:2px;
    color:#CCCCCC;
    background:none;
    color:#CCCCCC;
    width:50px; 
    border:0px;
    }

#kupu-conveyorvideodrawer,
#kupu-conveyorpicturedrawer,
kupu-conveyoraudiodrawer{
    height:400px;
    }

.like-link{ 
    text-decoration:underline; 
    color:#0033FF; 
    cursor:pointer;
    }

ol li{
    margin: 0;
    margin-bottom:20px;
    padding: 0px 60px; 
    list-style: none; 
    top: 0; 
    list-style-position:outside;
    }
			
ol li#n1{ 
    background: transparent url(numbers.png)0 0 no-repeat;
    }

ol li#n2{ 
    background: transparent url(numbers.png)0 -98px no-repeat;
    }

ol li#n3{ 
    background: transparent url(numbers.png)0 -208px no-repeat;
    }

.input#file_file{
    clear:both; 
    margin-top:14px;
    }

#fm_uploader input#title, 
#fm_create input#title{
    width: 360px;
    }

#fm_create #description,#fm_uploader #description {
	font: 11px Verdana, Sans-Serif;
	width: 360px;
}

label+span{
    margin:0 0 14px 0; 
    clear:both; 
    display:block; 
    color:#999999; 
    font-weight:normal;
    }

#fm_create label,
#fm_uploader label{
    font-weight:bold;
    clear:right;
    margin-bottom:1em;
    }

#fm_uploader label+span{
    clear:both; 
    display:block; 
    color:#999999;
    }

#fm_create input[type="image"],
#fm_uploader input[type="image"]{
    margin-left:6em;
    height: 26px;
	width: 168px;
	border: none !important;
	}

.clearall{
    clear:both;
    }

/*tabs
--------------------------*/
.tabs-nav{
    padding: 0 0 0 120px;
    background-color:#000000;
	}

.tabs-nav a{
    color:#000000;
    }

#fragment-2 h1{ 
    color:#999999;
    font-weight:normal;
    }

/*3-column list
--------------------------*/

/* allow room for 3 columns */
#pages-list  ul,
#videos-list  ul,
#sounds-list  ul{
	width: 30em;
	}

/* float & allow room for the widest item */
#pages-list  ul li,
#videos-list  ul li,
#sounds-list  ul li{
	float: left;
	width: 10em;
	list-style-type:none;
	}

/* stop the float */
#pages-list  br,
#videos-list br, 
#sounds-list br{
	clear: left;
	}

/* separate the list from subsequent markup */
div#pages-list,
div#videos-list,
div#sounds-list{
	margin-bottom: 1em;
	}

/*image gallery
------------------------*/
ul.thumbGallery{
    list-style:none;
    padding:0;
    margin:0;  /* different browsers style this different so go for sure */
    line-height:1em;
    text-align:center;
    font-size:smaller;
    font-weight:lighter;
    color:#666;
    }

ul.thumbGallery li{
    float:left;
    border:1px solid #ccc;
    padding:3px;
    margin-bottom:3em;
    margin-right:2em;
    width:130px; /* 128px thumb + 2px border around image */
    }

ul.thumbGallery a img{
    border:1px solid black;
    margin-bottom:5px;
    }

/* @end */

/* @group typography
------------------------*/
.kupu-html body {
	font: 12px Georgia, "Times New Roman", Times, serif;
	margin: 1.5em; 			/* 18px */
	}

.kupu-html h1, 
h2, 
h3, 
p, 
blockquote {
	padding: 0;
	margin: 0;
	}

.kupu-html h1 {
	font-size: 2em!important;			/* 24px */
	line-height: 1.5em;		/* 36px */
	padding-bottom: 0.75em;	/* 18px */
	margin-bottom: 0.75em;	/* 18px */
	text-align: center;
	border-bottom: 3px double #dbdddb!important;
	}

.kupu-html h2 {
	font-size: 1.5em;		/* 18px */
	line-height: 1em;		/* 18px */
	margin: 1em 0;			/* 18px */
	font-weight: normal;
	}

.kupu-html h3 {
	font-size: 1.25em;		/* 15px */
	line-height: 1.2em;		/* 18px */
	margin: 1.2em 0;		/* 18px */
	font-weight: normal;
	}

.kupu-html p {
	line-height: 1.5em;		/* 18px */
	font-size: 1em;
	padding: 0 0 1.5em 0; 
	}

.kupu-html blockquote {
	margin-bottom: 1.5em	/* 18px */; 
	}

/* @end */

/* @group links */

.kupu-html a {
	font-weight: bold;
	position: relative;
	margin: -0.5em;
	padding: 0.5em;
	color: #204b9b; 
	}

.kupu-html a:active {
	background-color: #fb230d;
	color: #fff;
	z-index: 99999;
	border: 0.25em solid #fff; 
	}

/* @end */

/* @group flyouts */

.flyout-left {
	float: left;
	margin-right: 1.5em;
	margin-bottom: 1.5em; }

/* @end */

/* @group dealing with images */

.kupu-html img {
	xxxdisplay: none; 
	}

.kupu-html .image-wrapper {
	display: block;
	margin-left: auto;
	margin-right: auto; 
	}

/* @end */

/* @group Abbreviations & Acronyms */

.kupu-html abbr, 
.kupu-html acronym {
	cursor: help /* set a suitable cursor */;
	letter-spacing: 0.1em /* increase legibility */;
    }

/* @end */

/* @group Quotes */
.kupu-html Q {
	font-style: italic;
	quotes: '\2018' '\2019' '\201C' '\201D'; 
	}

.kupu-html Q:before {
	content: '\2018'; 
	}
.kupu-html Q:after {
	content: '\2019'; 
	}
/* @end */

/* @group Image
------------------------- */
.kupu-html div.embed-img {
	padding: 1.5em;			/* 18px */
	width: 28em;
	text-align: center;
	background-color: #ffffff;
	margin: 0 auto 1.5em;
	border-style: solid;
	border-color: #6dacff; 
	}
	
.kupu-html div.embed-img .caption-text {			
	margin: 0 auto;
	padding:  0;
	display: block;
	color:#000000;
	}
.kupu-html img{float:right;}
/* @end */

/* @group Audio
------------------------- */
.kupu-html div.embed-sound {
	padding: 1.5em;			/* 18px */
	width: 28em;
	text-align: center;
	background-color: #b5d5ff;
	margin: 0 auto 1.5em;
	border-style: solid;
	border-color: #6dacff; 
	}

.kupu-html object.audio {				/* the audio player itself */
	margin: 0 auto;
	padding:  0;
	width: 14em;
	height: 2em;			/* 24px */
	margin-bottom: 1em;		/* 12px */
	display: block;
	border-color: #fff;
	border-style: solid; 
	}

/* @end */

/* @group Video
------------------------- */
.kupu-html div.embed-video {
	padding: 1.5em;			/* 18px */
	width: 28em;
	text-align: center;
	background-color: #b5d5ff;
	margin: 0 auto 1.5em;
	border-style: solid;
	border-color: #6dacff; 
	}

.kupu-html object.video {				/* the video player itself */
	margin: 0 auto;
	padding:  0;
	width: 14em;
	height: 2em;			/* 24px */
	margin-bottom: 1em;		/* 12px */
	display: block;
	border-color: #fff;
	border-style: solid; 
	}

/* @end */

/* @group from cachkeys */
input {
    background:White url(/conveyor/input_background.gif) repeat-x scroll 0%;
    border-color:#666666 #DDDDDD rgb(221, 221, 221) rgb(102, 102, 102);
    border-style:solid;
    border-width:1px;
    color:Black;
    font-family:"Lucida Grande",Verdana,Lucida,Helvetica,Arial,sans-serif;
    vertical-align:middle;
    visibility:visible;
    }

.context, 
.formControls .actionButtons .button, 
.documentEditable * .context {
    background:transparent url(/conveyor/linkTransparent.gif) no-repeat scroll 9px 1px;
    border:1px solid #8CACBB;
    color:Black;
    cursor:pointer;
    font-size:90%;
    padding:1px 1px 1px 15px;
    text-transform:none;
    }