/**
 *  GSVM stylesheet for nAIS service web page - GENERAL
 **/

body#tinymce
{
  padding:20px;
  background-image:none;
}

ul li
{
  margin-bottom:0.5em;
}

div.floatFixer
{
  clear:both;
	line-height:0;
	font-size:0;
	height:1px;
	width:100%;
	overflow:hidden;
}

.hoverOnly
{
  visibility:hidden;
}

tr:hover .hoverOnly
{
  visibility:visible;
}

/**
 *  The global container for all the subsequent elements.   
 **/
    
div.nContainer
{
}

div.nMenuUser
{
  padding:10px 0 0 0;
  float:right;
  text-align:right;
}

/**
 *  Footer
 **/
div#nFooter
{
  height:40px;
  width:970px;
  line-height:40px;
  position:absolute;
  bottom:5px;
  left:15px;
}   
div#nFooter hr
{
	margin:0px;
}   

/**
 *  M E N U
 **/

div.nMenu
{
  position:relative;
  margin:0 auto;
  height:40px;
}

div.nMenuItemActive, div.nMenuItem, div.nMenuItemPassive
{  
  padding:3px 35px 10px 3px;
  margin:0 0px 0  0;
  font-size: 12px;
  float:left;
  letter-spacing:1px;
}

div.nMenuItem
{
    /*border:1px solid white;*/
    /*background-color: #E3F1DD;*/
    border-left: 1px solid #1E5008;
}

  div.nMenuItem a
  {
    color: #1E5008;
    text-decoration:none;
  }

div.nMenuItem:hover, div.nMenuItemActive
{
  color:white;   
  background-color: #1E5008;
  border-left: 1px solid #1E5008;
}
  div.nMenuItem:hover a, div.nMenuItemActive a
  {
    color:white;
    text-decoration:underline;
  }
  div.nMenuItemActive a
  {
    text-decoration:none;
  }

div.nMenuItemPassive
{
  color:#555555;
}

/**
 * Content container
 * */ 
div.nContent
{
  clear:both;
  padding-bottom:80px;
  margin:0 auto;
  position:relative;
}

/**
 * 
 *  ALERTS  
 *
 **/
 
div.nAlert
{
  line-height:20px;
  padding:3px 20px;
  border-radius:2px;
  margin:10px 0 10px 0;
  cursor:pointer;
  color:white;
}
div.nError
{
  border:1px solid #FF0000;
  background-color:#730000;
}
div.nSuccess
{
  border:1px solid #9bcb3e;
  background-color:#2F6500;
}
div.nWarning
{
  border:1px solid #FFBB00;
  background-color:#6A3C00;
}
div.nAlert img
{
  vertical-align:top;
  margin:2px 5px 2px 2px;
} 

/**
 *
 *  F O R M S
 *  
 **/
 
input.fe_text, input.fe_password
{
  width:200px;
  margin:0;
  padding:3px;
}
table.nFormTableWide input.fe_text
{
  width:90%;
}
input.fe_submit
{
  padding:0 30px;
} 
textarea.fe_textarea
{
  width:100%;
}
table.nFormTable
{
  border-collapse:collapse;
  margin-bottom:30px;
}
 
table.nFormTable td
{
  padding:3px;
}
table.nFormTable td:first-child
{
  width:100px;
  padding-right:20px;
} 
table.nFormTableWide
{
  width:100%;
}

input.fe_number
{
  width:30px;
} 
 
/** 
 *
 * A C T I V I T Y
 * 
 **/   

table.nActivity
{
  border:1px solid #1E5008;
  border-radius:2px;
  width:100%;
  margin-bottom:10px;
  position:relative;
}
  table.nActivity:hover
  {
   /* background-color:#3e3e3f;*/
  }

  table.nActivity h3
  {
    margin:5px 0 5px 5px;
  }
    table.nActivity h3 a
    {
        color:#1E5008; 
    }
  table.nActivity td
  {
    vertical-align:top;
    text-align:left;
  }
  td.nActivityData
  {
    padding:1px;
    width: 125px;
    border-right:1px solid #1E5008;
  }
  td.nActivityData h6
  {
    margin:0 auto;
    font-size:10px;
    font-weight:normal;      
  }
  table.nActivity h2
  {
    margin-top:0;
    font-size:20px;
  }  
  div.nPoints, div.nStatus, div.nDeadline
  {
    text-align:center;
    margin:2px;
    padding:1px;
    border-radius:2px;
  }
    div.nPoints strong
    {
      font-size:24px;
      font-weight: bold;
    }
    div.nPoints input.fe_number
    {
      font-size:24px;
      font-weight: bold;
      width:40px;      
    }
    div.nDeadline strong
    {
      font-size:12px;
      font-weight: bold;
    }
  td.nActivityText
  {
    padding:0 0 0 5px;
  }
    td.nActivityText h3
    {
      margin:0 0 5px 0;
      font-size:14px;
    }
    
    td.nActivityText form td
    {
      vertical-align:middle;
    }
         
  div.nActivityButtons
  {
      margin:10px 0 5px 0;
      height:30px;
  }

    div.nActivityButtons div
    {
      display:block;      
      padding:3px 8px;
      margin:0 10px 10px 0;
      font-size: 12px;
      float:left;
      border-radius: 2px;
      background-color:#1E5008;
      border:1px solid #1E5008;
      /*box-shadow: 0px 0px 15px 2px #0b3244;*/
      cursor:pointer;        
    }
    
    div.nActivityButtons div a
    {
      text-decoration:none;
      color:white;
    }
    
    div.nActivityButtons div:hover a 
    {
      text-decoration:underline;
    }
    
    div.nActivityButtons div.passive, div.nActivityButtons div.passive:hover
    {
      background-color:#555;
      border-color:#555;
      color: #888;
      cursor:default;
    }
        
    
    div.nActivityButtons div:hover,  div.nActivityButtons div.active 
    {
      background-color:#1E5008; 
    }    


/**
 *  M A I L   G U I
 *
 **/
div.nMailPool
{
  position:absolute;
  left:0;
  top:0;
  width:300px;
  height:600px;
  overflow: auto;  
}   

div.nMailForm
{
  padding-left:320px;
  height:400px;
}
  div.nMailForm input, div.nMailForm textarea
  {
    width:100%;
  }
  div.nMailForm textarea
  {
    height:480px;  
  }
  

/**
 *
 *  T A B L E S
 *  
 **/


/**
 *  STANDARD TABLE THAT SHOULD FIT MOST CASES
 **/
 
 table.nStandard
 {
    border-collapse:collapse;
    width:100%;
 }
  table.nStandard tr:hover
  {
    background-color:white;
  }
  table.nStandard th, table.nStandard td
  {
    padding:2px 5px 2px 5px;
    text-align:left;
  }
  table.nStandard td
  {
    border:1px solid #1e4e66;
    padding:5px;
  } 
  table.nStandard th, table.nStandard thead td
  {
    background-color:#1E5008;
    border:1px solid #1E5008;
    color: #fff;
    font-weight:normal;
  }
  table.nStandard th.datetime, table.nStandard thead td.datetime
  {
    width:150px;
  }
  table.nStandard th.size, table.nStandard thead td.size
  {
    width:80px;
  }
  table.nStandard th.fullname, table.nStandard thead td.fullname
  {
    width:200px;
  }
  table.nStandard th.email, table.nStandard thead td.email
  {
    width:250px;
  }  
  table.nStandard th.controls, table.nStandard thead td.controls
  {
    width:50px;
  }
  table.nStandard tr.passive td
  {
    color:#bbb;
    text-decoration: line-through;
  }
  table.nStandard th.counter, table.nStandard td.counter
  {
    width:20px;
    text-align:right;
  }

table.nStudentSelector
{
  width:100%;
  border:0;
}
  table.nStudentSelector td.prev
  {
    width:200px;
    text-align:left;
  }     
  table.nStudentSelector td.next
  {
    width:200px;
    text-align:right;
  }
  table.nStudentSelector td.middle
  {
    text-align:center;
  }

div.nStudentProfile
{
  border:1px solid #555555;
  border-radius:2px;
  margin-bottom:10px;
  position:relative;
  padding:5px;
}       
    div.nStudentProfile h2
    {
        margin:0;
    }      


/**
 *
 * SELECTOR BUTTON
 * 
 **/
 
div.courseSelectorButton
{
  border-radius:4px; 
  margin: 0 auto; 
  width: 300px;
  height: 50px;
  line-height: 25px;
  font-size: 15px;
  font-family: "Roboto", sans-serif;
  box-shadow:0 0 10px 5px rgba(0,0,0,0.1);
} 
  div.courseSelectorButton a
  {
    color:#ddd;
    text-decoration:none;
  }
  div.courseSelectorButton:hover a
  {
    color:#ddd;
    text-decoration:underline;
  }
  div.courseSelectorButton:Hover
  {
    /*box-shadow:0 0 5px 5px rgba(0,0,0,0.1);*/
  }
  
  
/**
*
* FORMS
*
*/


/* GENERAL FORM CONTROLS */
form.nais label, 
form.nais input, 
form.nais select, 
form.nais textarea, 
form.nais table.calendar, 
form.nais div.textarea
{
    display: block;
    float: left;
    margin-bottom: 5px;
}

form.nais input, 
form.nais select, 
form.nais textarea
{
    width:25em;
    overflow:hidden;
    clear:right;
}
textarea.mceEditor
{
    min-height:400px;
}
div.textarea
{    
    overflow:hidden;
    clear:both;    
    width:100%;
    min-height:400px;
}
input.number
{
    text-align:right;
}

input[type=checkbox]
{
    width:auto;
    float:none;
    display:inline;
}
form.nais label
{
    width:12em;
    text-align:right;
    padding:0 1em 0 0;
    clear:left;
}

table.calendar select, table.calendar input
{
    width:auto;
}

span.asterisk
{
  font-size:8px;
  vertical-align:top;
  color:red;
  margin-left:1px;
}

/* SPECIAL TYPES OF FORMS */

form.onerow label, form.onerow input, form.onerow select
{
    width:auto;
    clear:none;
    padding:0;
    margin-left:5px;
}
form.onerow input, form.onerow select
{
    margin-right:10px;
}
form.onerow h3 
{
    float:left;
    margin:0 10px 0 0;
    font-size:1em;
}
form.onerow input[type='submit']
{
}

div.horizontal
{
    float:left;
    margin-right:10px;
}
div.horizontal label
{
    margin-left:0;
    padding:0;
    text-align:left;
    clear:both;
    width:auto;
}
div.horizontal input, div.horizontal select
{
    clear:both;
    width:auto;
}
div.horizontal input.number
{
    width:100px;
}
div.horizontal input[type='submit']
{
    margin-top: 1em;
}