/**
 * 
 * PSB Surabaya Shared Widget Stylesheet Excite Bike Theme
 *
 * Color List :
 * #e9f0ff  // Announcement text color
 * #142548  // Widget text color
 *
 * @author  Ai
 * @version 1.0
 * @package psbsurabaya.com
 *
 */

.widget {
  background-color:#EAF6FF;
  border: solid 1px #5893C5;
	font-size: 12px;
  padding: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
  -moz-border-radius-topright: 10px;
  -webkit-border-top-right-radius: 10px;
  border-top-right-radius: 10px;
  -moz-border-radius-bottomleft: 10px; 
  -webkit-border-bottom-left-radius: 10px; 
  border-bottom-left-radius: 10px;
  overflow: auto;
}
  .widget .quickaccess {
    display: none;
  }

  .widget .header {
    font-size: 16px;
    font-weight: bolder;
    color: #3B5998;
    text-align: left;
    padding: 10px;
  }
  
  .widget .header:first-letter {
	font-size:27px;
  }
    .widget .header a {
      text-decoration: none;
      color: #3B5998;
    }
    
    .widget .header a:hover {
      text-decoration: underline;
    }
    .widget .header a img {
      
    }

  .widget .content {
    text-align: justify;
    padding: 10px;
  }
    .widget .content a {
      color:#3B5998;
      text-decoration: none;
    } 
    
    .widget .content a:hover {
      text-decoration: underline;
    }
    
    .widget .content a img {
      
    }
    
    .notif-success, .notif-warning, .notif-error {
      border: 1px solid;
      margin: 10px 0px;
      padding:10px 10px 10px 40px;
      background-repeat: no-repeat;
      background-position: 10px center;
    }
    
    .widget .notif-success {
      color: #4F8A10;
      background-color: #DFF2BF;
      background-image:url('http://static.ppdbsurabaya.net/shared/images/good.png');
    }
    
    .widget .notif-warning {
      color: #9F6000;
      background-color: #FEEFB3;
      background-image:url('http://static.ppdbsurabaya.net/shared/images/warning.png');
    }
    
    .widget .notif-error {
      color: #FF0000;
      background-color: #FFCCCC;
      background-image:url('http://static.ppdbsurabaya.net/shared/images/error.png');
    }
    
  .widget .footer {
    font-size: 11px;
    color: dimgray;
    padding: 10px;
  }
    .widget .footer a {
        text-decoration: none;
        color: #3B5998;
    }
    .widget .footer .ui-button {
        color: #fff;
    }
    .widget .footer a:hover {
      text-decoration: underline;
    }
    
    .widget .footer a img {

    }
    
	.widget ol.upper-alpha-list {
		list-style-type: upper-alpha;
	}
	.widget ol.alpha-list {
		list-style-type: lower-alpha;
	}
	
	.widget .menu {
        padding: 0px;
    }
    .widget .menu li {
        border-bottom: 0px solid #CCCCCC;
        font-size: 11px;
        font-weight: normal;
        list-style: none outside none;
        padding: 3px 0;
    }
    .widget .menu li:hover {
        background-color: rgba(206,227,246,.5);
    }
    .widget .menu li a {
      font-weight: normal;
      color: #3B5998;
    }
    
    .widget .menu li a:hover {
        font-weight: bold;
    }

.widget form {

}
  .widget form fieldset {
    border: none;
    border-bottom: solid 1px #5893C5;
    padding: 5px 0 5px 0;
  }
  
  .widget form fieldset.odd {
    background-color:#CEE0F6;
  }
  
  .widget form fieldset.even {
			
  }
  
  .widget form fieldset.false {
    background-color: #F8ECE0;
    border-bottom: solid 1px red;
    color:red;
  }
  
  .widget form fieldset.success {
    background-color: #E3F6CE;
  }
  
  .widget form fieldset legend {
    clear: both;
    float: left; 
    width: 200px;
    margin-left: 10px;
  }
  
  .widget form fieldset label {
    font-size: 10px;
  }
  
  .widget form fieldset .long {
      width: 400px;
  }
  
  .widget form fieldset .medium {
      width: 200px;
  }
  
  .widget form fieldset .short {
      width: 120px;
  }
  
.datatable {
	text-align:left;
	font-size:12px;
}

  .datatable thead {
  }

    .datatable thead tr {
    }

    .datatable thead tr td {
      padding: 5px 10px 3px 5px;
      border-top: 2px solid #879fd1;
      border-right: 1px solid #879fd1;
      border-bottom: 1px solid #879fd1;
      background-color: #E0ECF8;
      color: #3B5998;
      margin: 0;
      padding: 3px 5px;
    }

    .datatable thead tr td:hover {
      background-color: #879fd1;
    }

      .datatable thead tr td a {
      }

    .datatable thead tr th {
      padding: 5px 10px 3px 5px;
      border-top: 2px solid #879fd1;
      border-right: 1px solid #879fd1;
      border-bottom: 1px solid #879fd1;
      background-color: #CEE3F6; /*#E0ECF8;*/
      color: #3B5998;
      margin: 0;
      padding: 3px 5px;
			text-align:center;
    }

    .datatable thead tr th:hover {
      background-color: #879fd1;
    }

      .datatable thead tr th a {
      }

  .datatable tbody {
  }

    .datatable tbody tr {
    }

    .datatable tbody .odd {
      
    }

    .datatable tbody .even {
      background-color:#CEE3F6;
    }
		
		.datatable tbody .special {
			background-color:#FFC7C7;
		}
    
    .datatable tbody .selected {
      background-color: #E3F6CE;
    }
    
    .datatable tbody .deleted {
      background-color: #F8ECE0;
    }

    .datatable tbody tr td {
      padding: 5px 10px 3px 5px;
      border-right: 1px solid #879fd1;
      border-bottom: 1px solid #879fd1;
    }
    
    .datatable tbody tr td.center {
      text-align:center;
    }

    .datatable tbody tr td:hover {
    }

      .datatable tbody tr td a {
      }

    .datatable tbody tr th {
    }

    .datatable tbody tr th:hover {
    }

      .datatable tbody tr th a {
      }
      
  .datatable tfoot {
  }

    .datatable tfoot tr {
    }

    .datatable tfoot tr td {
    }

    .datatable tfoot tr td:hover {
    }

      .datatable tfoot tr td a {
      }

    .datatable tfoot tr th {
    }

    .datatable tfoot tr th:hover {
    }

      .datatable tfoot tr th a {
      }
      
  .datatable .corner {
    border-top: 2px solid #879fd1;
    border-bottom: 1px solid #879fd1;
    border-left: 1px solid #879fd1;
    border-right: 1px solid #879fd1;
  }
  
  .datatable .left {
    border-left: 1px solid #879fd1;
    border-right: 1px solid #879fd1;
    border-bottom: 1px solid #879fd1;
  }
  
#widget-notification {
  vertical-align: top;
  font-family: 	"Lucida Sans Unicode","Lucida Sans","Lucida Grande",Verdana,Arial,Helvetica,sans-serif;
  font-size: 11px;
  text-align: left;
  margin: 0px;
  padding-top: 10px;
  color: #e9f0ff;
}

  #widget-notification a {
    color: #e9f0ff;
    text-decoration: none;
  }

  #widget-notification span {
    display: block;
    font-size: 9px;
  }

  #widget-notification a:hover {
    text-decoration: underline;
  }

#widget-qsearch {
  float: left;
  padding-top: 10px;
  padding-left: 25px;
  padding-right: 25px;
}

  #widget-qsearch  form {
    float: left;
    vertical-align: top;
  }

    #widget-qsearch  .q {
      float: left;
      height: 20px;
      width: 200px;
      padding: 0px;
      padding-top: 3px;
      padding-left: 3px;
	  font-size:11px;
	  color:darkgray;
    }

    #widget-qsearch  .b {
      float: left;
      width: 25px;
      height: 25px;
      border: none;
      font-size: 11px;
      background-image: url('http://static.ppdbsurabaya.net:81/themes/aiexcitebike/images/icon-search.png');
      background-color: transparent;
      margin-left: -30px;
    }

#widget-timer {
  border: solid 1px #879fd1;
	font-size: 11px;
  font-weight: bold;
  padding: 5px;
  margin-bottom: 10px;
  margin-right: 20px;
  color: #3b5998;
  background-color: #fcfdfe;
  -moz-border-radius-topright: 10px;
  -webkit-border-top-right-radius: 10px;
  border-top-right-radius: 10px;
  -moz-border-radius-bottomleft: 10px; 
  -webkit-border-bottom-left-radius: 10px; 
  border-bottom-left-radius: 10px;
}