body
{
  font-family: Verdana, "Trebuchet MS", Arial, Helvetica, Sans-Serif;
  padding: 0;
  background-color: white;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  color: black; /*#282923;*/
  margin: 5px 80px 0px 80px;
  /*background-image: url('../images/fons_doblegat.gif');
  background-position: 0px 0px;
  background-repeat: no-repeat;*/
}

::selection 	 {background: #FFE76C; color: black}
::-moz-selection {background: #FFE76C; color: black}

h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited
{
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  font-family: Verdana, "Trebuchet MS", Arial, Helvetica, Sans-Serif;
  /* ISF font-size: 31px; */
  text-align: left;
  /*text-shadow: 4px 4px 4px #aaa;*/
}

a
{
  text-decoration: none;
  letter-spacing: 1px;
  color: #37623B;
}

a:link
{
  letter-spacing: 1px;
  color: #37623B;
}

a:visited, a.visited
{

  color: #6A6E5E;
}

.cBodyText, div #pSectionExercises, div #pSectionText{
    /*text-align: justify;*/
}

a:hover, a.hover
{
  text-decoration: none;
  color: #359C3E;
}

h1, h1 a, h1 a:link, h1 a:visited, h1 a:hover
{
  color: #37623B;
}

h2, h2 a, h2 a:link, h2 a:visited, h2 a:hover
{
  font-style: normal;
  font-weight: normal;
  color: #37623B;
}

h3, h3 a, h3 a:link, h3 a:visited, h3 a:hover
{
  color: #557758;
}

h4, h4 a, h4 a:link, h4 a:visited, h4 a:hover
{
  color: #282923;
}

h5, h5 a, h5 a:link, h5 a:visited, h5 a:hover
{
  color: #282923;
}

h6, h6 a, h6 a:link, h6 a:visited, h6 a:hover
{
  color: #282923;
}

div #pPage, div #pIndex, div #pExercises, div #pMore {
    margin-left: 20px;
    margin-bottom: 20px;
    margin-top: 2em;
    height: 460px;
    margin-right: 25px;
    margin-top: 30px;
}

div #pPage, div #pExercises, div #pMore {
    width: 600px;
}


div.cBox {
  border: solid 1px gray;
  padding: 10px;
  background-color: #d2ecf2;
  margin-bottom: 10px;
  margin-right: 30px;
  /*background-image: url('../images/postquote.png');
  background-position: left top;
  background-repeat: no-repeat;*/
}

.cBoxTitle
{
    font-weight: bold;
}

.cBoxNotes
{
    font-style: italic;
}

.cBoxNumber
{
    font-weight: bold;
    color: white;
}

.cBoxText
{
}

div.cIndexContents {
  margin-bottom: 0.5em;
  padding-left: 0.5em;
  padding-right: 0.5em;
  list-style-type: none;
  font-size: 18px;
}

div.cIndexContents ul, li
{
    margin-top: 0em;
    margin-left: 0em;
 /*   list-style-type: none;*/
}

div.cIndexContents ul
{
    padding-left: 10px;
}

div.cIndexContents li
{
    padding-top: 0em;
    padding-right: 0em;
    padding-bottom: 0em;
    padding-left: 0.5em;

    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: black;

    list-style-type: none;
    list-style-image: none;
    list-style-position: outside;
}

div#pSectionChild li {
    list-style-type: none;
}

div.cIndexContents a:hover, li.cListItem:hover, div#pExerciseLink a:hover, div#pSectionChild li:hover, div#pSectionChild a:hover,
div#pSubSectionChild li:hover, div#pSubSectionChild a:hover
{
  text-decoration: none;
  color: black;
  background-color: #c2cd23;
}

.cBulletIndex{
    width: 18px;
    height: 18px;
    vertical-align: middle;
    margin-right: 5px;
}

.cRefTitle
{
    font-weight: bold;
}

.cSmallCaps
{
    font-variant: small-caps; 
}

.cAllCaps
{
    text-transform: uppercase;
}

cTableTitle
{
    font-variant: small-caps; 
}

.cSmallText
{
    font-size: 80%;
}

.cSymbol
{
    font-size: 14pt;
    font-weight: bold;
    font-family: Symbol, serif;
}


.FootRef
{
    vertical-align: super;
    font-size: 7pt;
    text-decoration: none;
} 

.tablenote
{
    font-variant: small-caps; 
    font-size: 10pt;
}

td.tablenote
{
    border-top: 1px solid #999999;
    font-variant: small-caps; 
    font-size: 10pt;
}

div.header {
    width: 100%;
    margin-left: -0.5em;
    padding-left: 0.5em;
    padding-bottom: 0.5em;
    padding-right: 0.2em;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    /* ISF font-family: Verdana, "Trebuchet MS", Arial, Helvetica, Sans-Serif; */
} 

div.page p {
    margin: 1em 0em 0.5em 0em;
}


table {
    font-size: 14px;
}


table.cTable {
    margin-top: 1em;
    margin-bottom: 1em;
    border-color: black;
    /*border-top: 2px solid;*/
    border-collapse: collapse;
}

table.cTable caption {
    padding-top: 0.4em;
    padding-bottom: 0.4em;
    /*border-top: 2px solid black;*/
    background-color: #e2e2e4;
    /*font-weight: bold;*/
}

table.cTable td, table.cTable th {
  /* vertical-align: top;
   ISF: no volem border border: solid #e2e2e4 1pt; */
  /*padding: 0.3em;*/
  padding: 2px;
  line-height: 120%;
}

table.cTablenote {
    border-bottom: 2px solid black;
    font-variant: small-caps;
    font-size: 9pt;
    margin-top: -1em;
    margin-bottom: 1em;
}

table.cTablenote td, table.cTablenote th {
    margin: 0.1em 0em 0.1em 0em;
    padding: 0.1em 0.5em 0.1em 0.5em;
    background-color: #e2e2e4;
    border-bottom: solid #e2e2e4 1pt;
}

td.cBlockButtons{
    text-align: center;
    vertical-align: top;
}

td.cCorrectionButtons {
    vertical-align: top;
}

span.editor {
    display: block;
    font-style: italic;
    font-weight: bold;
    padding-bottom: 0.7em;
    padding-top: 0.8em;
} 

span.selected {
    color: #666666;
    font-weight: bold;
    margin-right: 0.4em;
    margin-left: 0.1em;
}

span.disabled {
    color: #e9f0c9;
}

span.hit1 {
    font-weight: bold;
    color: black;
    background-color: #ffcc00;
} 

span.hit2 {
    font-weight: bold;
    color: black;
    background-color: #9999ff;
} 

span.hit3 {
    font-weight: bold;
    color: black;
    background-color: #cc3399;
} 

span.hit4 {
    font-weight: bold;
    color: black;
    background-color: #46c2ff;
} 

span.hit5 {
    font-weight: bold;
    color: black;
    background-color: #55b3cc;
} 

span.hit6 {
    font-weight: bold;
    color: black;
    background-color: #009b36;
} 

ul.tree {
    white-space: nowrap;
    margin: 0em 0em 0em 0em;
    padding: 0.25em 0em 0.25em 0em;
} 

ul.tree img {
    border: none;
    margin-right: 0.2em;
} 

ul.tree li {
    padding: 0em 0em 0em 0.5em;
    border-bottom: 1px #e2e2e4 solid;
    list-style: none;
} 

ul.tree li ul {
    border-bottom: none;
    margin: 0em 0em 0em 0em;
    padding: 0.25em 0em 0.25em 0em;
    margin-left: 1em;
} 

ul.tree li ul li {
    padding: 0em 0em 0em 0em;
    border-bottom: none;
} 

ul.tree a:link {
    text-decoration: none;
    font-weight: normal;
    color: black;
    background-color: white;
} 

ul.tree a:visited {
    text-decoration: none;
    font-weight: normal;
    color: black;
    background-color: white;
} 

ul.tree a:active {
    font-weight: normal;
    color: black;
    background-color: #e8e8e8;
} 

ul.tree a:hover {
    text-decoration: underline;
    font-weight: normal;
    color: black;
    background-color: white;
} 

p {
    margin-top: 0em;
    line-height: 140%;
} 


sub {
    vertical-align: sub;
    font-size: 80%;
} 

sup {
    vertical-align: super;
    font-size: 80%;
} 

div.cExercise
{
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #e2e2e4;
    margin-left: 30px;
    padding-top: 10px;
}

.cExerciseEditTable, div#GenericTable {
    width: auto;
}

.cModalDialog {
    background-color:#fff;
    width:450px;
    padding:15px;
    text-align:left;
    border:2px solid #333;
    display:none;
}

.cNumericInput{
    text-align: right;
}

.cDefaultInput, .cStringInput{
    text-align: left;
}


.cExerciseForm{
    font-size: 14px;
}

.cDisabledForm input{
    background-color: #e9f0c9;
}

.cBorderRight {
    border-right: 1px solid;
}

.cBorderLeft {
    border-left: 1px solid black;
}

.cBorderTop {
    border-top: 1px solid;
}

.cBorderBottom {
    border-bottom: 3px solid black;
}

.cQuestionOk, .cQuestionError{
    
}

.cButtonExe img, .cHighlightClose, .cContentLink {
    cursor: pointer;
}

li.cContentLink {
    list-style-type: none;
}

.cContents{
    overflow:auto;
}


input, select
{
  vertical-align: middle;
  font-style: normal;
  font-weight: bold;
  font-size: 13px;
}

input, textarea {
    font-family: Verdana, "Trebuchet MS", Arial, Helvetica, Sans-Serif;
    font-size: 13px;
    margin-bottom: 2px;
    /*margin-left: 0.5em;*/
    border: 0px solid #fff;
}

input.cStudentAnswer{
    color:red;
}

/*** FORCEM MIDA MÍNIMA PER PROBLEMES FIREFOX RADIO/CHECKBOX ***/
input[type="checkbox"], input[type="radio"] {
    min-height: 15px;
    min-width: 15px;
}

.cRadio, .cCheckBox  {
    margin-bottom: 5px;
    margin-left: 0.5em;
    margin-right: 0.5em;
}

a img
{
  border: 0;
}

/* MENU NAVEGACIO */

#navlist{
    margin-left: 770px;
    margin-top: 105px;
    position: absolute;
    z-index: 1;
}

#navlist li{
    margin:2px;
    padding:0;
    list-style:none;
    /*position:absolute;*/
    top:0;
}

#navlist li, #navlist a{
    height:35px;
    width: 35px;
    display:block;
}

#navlist li{ border: 1px solid #bab999; }

#btnleft{left:0px; width: 20px;}
#btnleft{background:url('../images/left.png');}
#btnleft a:hover{background: url('../images/left_over.png');}

#btnright{left: 22px; width: 20px;}
#btnright{background:url('../images/right.png');}
#btnright a:hover{background: url('../images/right_over.png');}

#btnindex{left: 44px; width: 20px;}
#btnindex{background:url('../images/index.png');}
#btnindex a:hover{background: url('../images/index_over.png');}

#btnprint{left: 66px; width: 20px;}
#btnprint{background:url('../images/print.png');}
#btnprint a:hover{background: url('../images/print_over.png');}

#btnlink{left: 66px; width: 20px;}
#btnlink{background:url('../images/link.png');}
#btnlink a:hover{background: url('../images/link_over.png');}

#btnsave{left: 88px; width: 20px;}
#btnsave{background:url('../images/save.png');}
#btnsave a:hover{background: url('../images/save_over.png');}

#btnedit{left: 110px; width: 20px;}
#btnedit{background:url('../images/edit.png');}
#btnedit a:hover{background: url('../images/edit_over.png');}

#btnnote{left: 132px; width: 20px;}
#btnnote{background:url('../images/note.png');}
#btnnote a:hover{background: url('../images/note_over.png');}

#btnticket {left: 154px; width: 20px;}
#btnticket{background:url('../images/ticket.png');}
#btnticket a:hover{background: url('../images/ticket_over.png');}

#btnadmin{left: 176px; width: 20px;}
#btnadmin{background:url('../images/tool.png');}
#btnadmin a:hover{background: url('../images/tool_over.png');}

#navlist li, #navlist a:hover{ background-size: contain; }

/* FI MEN� NAVEGACI� */

/*.cGoLeft, .cGoRight{
    margin-left: 860px;
    margin-top: 230px;
    position: absolute;
    z-index: 2;
}

.cGoRight{
    margin-top: 268px;
}*/

.cCenter, video, audio {
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.cLeft
{
    float:left;
}

.cRight
{
    float:right;
}

/* JQUERY */

/* MISSATGES INFORMACIO */
div.ui-state-highlight, div.ui-state-error {
    padding: 0pt 0.7em;
    width: auto;
    background: none;
    border: none;
}

.ui-state-highlight p, .ui-state-error p
{
    margin-top: 10px;
}

.ui-state-highlight .ui-icon, .ui-state-error .ui-icon {
    float: left;
    margin-right: 0.3em;
}

/* PESTANYES */

.ui-tabs .ui-tabs-nav li {
    float:right;
    font-size: 12px;
    height: 20px;
}

.ui-tabs .ui-tabs-nav a {
    width: 144px;
    text-align: center;
}

.ui-widget-header, .ui-widget-shadow  {
    background: #ffffff;
}

/* ACCORDION */

.ui-accordion-header{
    height: 26px;
}

.ui-helper-reset{
    font-size: 13px;
}

/* DIALOG LINK BUTTON */
#dialog_link_more {
    padding: .4em 1em .4em 1em;
    text-decoration: none;
    position: relative;
}

.ui-widget-overlay {
    width: 100%;
    height: 100%;
}

/* FI JQUERY */

.cResults{
    height: 30px;
}

.ctableType .cQuestionOk/*, .cdragType .cDragValue*/ {
    background-color: #0aaba4;
    color: white;
}

.ctableType .cQuestionError{
    background-color: #ff6a6a;
    color: white;
}

.cTopheader {
}

.cAccordion{
    margin-right: 10px;
}


.cFormMore{
    margin: 20px;
}

.cDelButton{
    float:right;
}

.cHidden{
    display: none;
}

input.cHidden{
    height: 0;
    width: 0;
}

.cPinNote {
    margin-left: 5px;
}

.cNoteClose {
  position: absolute;
  top: 10px;
  right: 10px;
}

.cTextAligncenter{
    text-align: center;
}

.cTextAlignleft{
    text-align: left;
}

.cTextAlignright{
    text-align: right;
}

.pUserList{
    width: 300px;
    height: 400px;
    overflow: auto;
}

.cTab{
    margin-left: 25px;
}

.cAlignleft {
    margin-left:0px;
    margin-right:auto;
}

.cAligncenter {
    margin-left:auto;
    margin-right:auto;
}

.cAlignright {
    margin-left:auto;
    margin-right:0px;
}

.cAligntop
{
    vertical-align:text-top;
}

.cAlignmiddle
{
    vertical-align:middle;
}

.cAlignbottom
{
    vertical-align:text-bottom;
}

input.cAligncenter, tr.cAligncenter input {
    text-align: center;
}

input.cAlignright {
    text-align: right;
}

input.cAlignleft {
    text-align: left;
}

img.cAlignright, img.cAlignleft, img.cAligncenter{
    display: block;
}

span.cHighlight { background: #ffe76c; }

.cSmallFont{
    font-size: 90%;
}

.cPrintedContent{
    /*background-color: white !important;*/
    background-image: none !important;
    text-shadow: none;
    width: 1100px;
    color: black;
}

img, form {page-break-inside:avoid;}

@media print
{
    table {
	border-collapse: collapse;
    }

    table, img, div.cExercise, form {
	page-break-inside:avoid;
    }

    input {
	border: 1px solid black;
	color: black;
    }
}

/*.cPDFDocument{
    margin: 20px 50px 100px 100px;
}*/

div #pSolution {
    width: 100%;
    height: 100%;
}

.cNoteCell{
    max-height: 400px;
    overflow: auto;
}

.cLoadingImg{
    position: absolute;
    top: 250px;
    left: 400px;
}

.cNotes {
    font-family: Verdana, "Trebuchet MS", Arial, Helvetica, Sans-Serif;
    font-size: 14px;
    position: absolute;
    float: right;
    margin-right: 10px;
}

.cTooltipMove {
    margin-left: 788px;
    margin-top: 110px;
    /*width: 200px;*/
    position: absolute;
}

table.cSquare, table.cGrid, table.cGrid td, table.cGrid th
{
    border:1px solid black;
}

table.cSquare td, table.cSquare th{
    border:0px;
}

table.cInvisible, table.cInvisible td, table.cInvisible th
{
    border:0px;
}

tr.cVAligntop td, tr.cVAligntop th, td.cVAligntop {
    vertical-align: top;
}

tr.cVAlignbottom td, tr.cVAlignbottom th, td.cVAlignbottom {
    vertical-align: bottom;
}

tr.cVAlignmiddle td, tr.cVAlignmiddle th, td.cVAlignmiddle {
    vertical-align: middle;
}

.cUsersList {
    margin: 10px;
}

.cSelectList {
    width: 400px;
}

.cMoveable{
    cursor: move;
}

.cList{
    line-height: 140%;
}

.cListMarginLeft {
    margin-left: 20px;
}

.cListHorizontal li
{
    display: inline-block;
    list-style: none;
}

.cMediaObject {
    margin-top: 10px;
}

.cOver { position: relative; }
.cOver span { position: absolute; top: -0.5em; left: 0; }


#links_menu{
    display: none;
    position: absolute;
    left: 535px;
    top: 190px;
    border: 1px solid #000;
    box-shadow: 0 5px 5px #888;
}

#links_menu ul{
    max-height: 285px;
    overflow-x: hidden;
    overflow-y: auto;
}

#links_menu .cFloatingMenu, #links_menu .cFloatingMenu li{ width: 350px; }

#links_menu .cMenuTitle{
    margin: 0;
    padding: 1em 0;
    background-color: #FFF;
    text-align: center;
    font-weight: bold;
}

.cSmallImg{
    height: 16px;
    margin-right: 5px !important;
    vertical-align: middle;
    width: 16px;
}

.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:hover, .sf-menu a:active{
    background-color: #c8df90;
}

.cIDComp {
    font-weight: bold;
    font-style: italic;
}

div#contents_menu{
    background: white;
    border: 1px solid;
    color: black;
    margin: 20px 0 0 28px;
    position: fixed;
    z-index: 10;
    width: 300px;
    text-align: left;
}

.cHidden, .cModal, .cmodal {
    display: none;
}

.cMenuTitle {
    text-align: center;
    font-weight: bold;
    margin-top: 10px;
}

.hidden {
    display: none;
}

.greenCol {
    background-color: #C8DF8F !important;
}