/**************************************
 * THEME NAME: connect2010
 *
 * Files included in this sheet:
 *
 *   connect2010/styles.css
 **************************************/

/***** connect2010/styles.css start *****/

/* @override http://localhost/moodle19/theme/candle/styles.php */

/********************************************************
**
** Theme name: Connect2010
** Description: A custom theme for Moodle by Technokids Philippines.
** Creation Date: 16/05/2010
** Author: Lea Abarentos
** Author URI: http://technokids.ph
**
**
*********************************************************/
/*include the menu.css*/
  /*@import "styles_edvanta.php";*/



body {
  margin: 0;
  padding: 0;
}

body, td, th, li, p {
  line-height: 1.4;
  font-size: 1em;
  font-family: "Century Gothic", Helvetica, Arial;
}

#background {
 	 background: url(images/fullbk.jpg) no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
 /* background-image: url(images/gradients/bk.gif);background-repeat:repeat;*/
}


#wrapper {
  background: url(images/body.jpg) repeat-x top left;
  padding: 0px;
}

#page {
  
  padding: 15px;
  /*-moz-box-shadow: 3px 3px 3px #1c354c;
   -webkit-box-shadow: 3px 3px 3px #1c354c;
   box-shadow: 3px 3px 3px #1c354c;  CSS3 */
}

a:link,a:visited,
.tabrow1 a:link span {
  color: #009393;
}

a:hover,a:active,
.tabrow1 a:visited span {
  color: #00CECE;
}

a img {
  border:none;
}

a:active {
  outline: none;
}

/* Header */

#header-home,
#header {
  padding: 10px;
  background-image: url(images/header.png);background-repeat: no-repeat; background-position: bottom center;
  color: #FFFCFE;
  height: 250px;


}

#headerblock {

  float: left;
}

#header-home h1.headertitle {
	font-weight: bold;
	font-size: 1.5em;
	color: white;
	margin: 0px 0 0 0px;
	text-transform: uppercase;
	text-shadow: 1px 1px 1px black;
	width: auto;
  
}

#header h1.headermain {
	font-weight: bold;
	font-size: 1.5em;
	color: white;
	margin: 0px 0 0 0px;
	text-transform: uppercase;
	text-shadow: 1px 1px 1px black;
	width: auto;
}

.headertag {
  font-size: 1.15em;;
  font-weight: bold;
  margin: 0;
  color: #292929;
  line-height: 0.8;
}

.headermenu {
  color: #000;
}


.headermenu a {
  color: #B7E7EC;
  text-decoration: underline;
}




/* Navbar */

.navbar {
  border: none;
  background: none;
}

/* Sideblocks */

.sideblock {
	width: 200px;
}

.sideblock .header {
  /*border-color:#5DC7DB;
  background: #D4FBFA; */
 border: none;

}

.sideblock .title {
  
}

.sideblock .title h2 {
color: #FFFCFE;  font-size: 0.95em;
  padding: 4px 4px 0;
  text-transform: uppercase;
}

.sideblock .content {
  background:#D4FBFA;
 
border: 1px dashed #5DC7DB;
border-radius: 0px 0px 5px 5px;

}

.sideblock .minicalendar th,
.sideblock .minicalendar td {
  font-size:0.95em;
}

#left-column .hidden .header,
#right-column .hidden .header {
  border:none;
}
#right-column {
	padding-top: 0px;
	
}
.hide-show-image {
  padding-top: 6px;
}

/* Courses */

h2.headingblock { 
  padding-bottom:0;
  color: #FEAA25;
  text-transform: uppercase;
  font-size: 24px;
  border: none;
  margin-top: 10px;
}

.coursebox {
  border-width:0 0 1px 0;
  padding-bottom:10px;
  border-color: #73b5f1;
}

.categorybox {
  border:none;
}

#course-view #section-0 .side,
#course-view #section-0 .content {
  border:none;
}

#course-view .weekscss .current,
#course-view .current td.side {
  background: #03C7D1;
  color: #FFFCFE;
}

.coursebox .info {
  width:44%;
}

.sitetopic {
  border:none;
}


#course-view .section .side {
  background: red;

}

#course-view .section .left {
  background: red;
}

#course-view .section .right {
  background: red;
}





/* Forum */

.forumpost {
    
	border: 1px dashed #5DC7DB;
	border-radius: 10px;
}

.forumpost .topic {
  background: #F1FEFE;
}

.forumpost .left {
 background: #F1FEFE;
}

/* Tables */

.generaltable {
  border-color:#73b5f1;
}

#tag-management-list th,
#participants th,
.quizattemptsummary th,
.course-report-outline th,
#admin-report-security-index th,
#admin-roles-override th,
#admin-roles-assign th,
#admin-blocks th,
#admin-modules th,
#grade-edit-scale-index th,
#enrol th,
#course-category th,
.editcourse th,
#admin-roles-allowoverride th,
#admin-roles-manage th,
#admin-roles-allowassign th,
#mod-wiki-index th,
#mod-survey-index th,
#mod-scorm-index th,
#mod-resource-index th,
#mod-glossary-index th,
#mod-data-index th,
#mod-chat-index th,
#mod-choice-index th,
#mod-assignment-index th,
#mod-lesson-index th,
#mod-quiz-index th,
#admin-user th,
.user-grade th,
.logtable th,
.mod-forum .generaltable th,
.forumheaderlist th,
.results th {
  border-bottom:2px solid #798A69;
  padding:2px 4px;
  background:#9DDB4B;
}


#participants td,
.quizattemptsummary td,
.course-report-participation td,
.course-report-outline td,
#admin-report-security-index td,
#admin-roles-override td,
#admin-roles-assign td,
#admin-blocks td,
#admin-modules td,
#grade-edit-scale-index td,
#enrol td,
#course-category td,
.editcourse td,
#admin-roles-allowoverride td,
#admin-roles-allowassign td,
#admin-roles-manage td,
#admin-user td,
#tag-management-list td,
#mod-wiki-index td,
#mod-survey-index td,
#mod-scorm-index td,
#mod-resource-index td,
#mod-quiz-index td,
#mod-lesson-index td,
#mod-glossary-index td,
#mod-data-index td,
#mod-chat-index td,
#mod-choice-index td,
#mod-assignment-index td,
.mod-forum .generaltable td,
.forumheaderlist td {
  border-width:0 1px 0;
  border-color:#73b5f1 !important;
  border-style: solid;
}

.forumheaderlist .discussion .starter {
  background:none;
}

.quizattemptsummary .r1 .cell,
.course-report-participation .r1 .cell,
#admin-report-security-index .r1 .cell,
#admin-roles-override .r1 .cell,
#admin-blocks .r1 .cell,
#admin-modules .r1 .cell,
#grade-edit-scale-index .r1 .cell,
#enrol .r1 .cell,
#admin-roles-allowoverride .r1 .cell,
#admin-roles-allowassign .r1 .cell,
#admin-roles-manage .r1 .cell,
#admin-roles-assign .r1 .cell,
#admin-user .r1 .cell,
#tag-management-list .r1 .cell,
#mod-wiki-index .r1 .cell,
#mod-survey-index .r1 .cell,
#mod-scorm-index .r1 .cell,
#mod-quiz-index .r1 .cell,
#mod-lesson-index .r1 .cell,
#mod-glossary-index .r1 .cell,
#mod-data-index .r1 .cell,
#mod-chat-index .r1 .cell,
#mod-choice-index .r1 .cell,
#mod-assignment-index .r1 .cell,
.mod-forum .generaltable .r1 .cell,
.forumheaderlist .r1 {
  background:#c8d3dc;
}

/* User */

.userinfobox {
  border:none;
}

body#course-user .section {
  border-color:#005E5E;
}
.userinfobox .content {
  border:2px solid #FFFFFF;
  background:#c8d3dc;
}

#user-grade th {
  padding:3px 10px;
}

.blogpost.blogdraft .content {
  background-color:#FFFCFE;
}


/* Chat */

.mod-chat-gui_header_js #wrapper,
.mod-chat-gui_header_js {
  background: none !important;
}

/* Padding Hack */

.mod-forum #content,
.mod-choice #content,
.mod-assignment #content,
.mod-survey #content {
  padding: 10px;}


/*stretch the css image hack*/
.stretch {
    width:100%;
    height:100%;
}


/*Menu css below*/

 #menubox {
	background: #FEAA25;
	float: right;
	width: 150px;
	text-align: center;
	border-radius: 10px;
	padding: 5px 10px;
   margin: 10px 25px -175px 0px;
   color: #fff;
   font-size: 16px;
   font-weight: bold;
   line-height: 1.3em;
   border: 2px dashed #fff;
   border-top-left-radius: 3px;
   -moz-border-radius-topleft: 3px;
   -webkit-border-top-left-radius: 3px;
   border-bottom-right-radius: 3px;
   -moz-border-radius-bottomright: 3px;
   -webkit-border-bottom-right-radius: 3px;
   border-top-right-radius: 3px;
   -moz-border-radius-topright: 3px;
   -webkit-border-top-right-radius: 3px;
   -moz-box-shadow: 0 0 0 4px #FEAA25, 2px 1px 4px 4px rgba(10,10,0,.5);
   -webkit-box-shadow: 0 0 0 4px #FEAA25, 2px 1px 4px 4px rgba(10,10,0,.5);
   box-shadow: 0 0 0 4px #FEAA25, 2px 1px 6px 4px rgba(10,10,0,.5);
   text-shadow: -1px -1px #aa3066;
   font-weight: normal;
   visibility: hidden;
}


.sideblock .title h2 {
	background: #FEAA25;
	text-align: center;
	border-radius: 10px;
	padding: 5px 10px;
   margin: 10px;
   color: #fff;
   font-size: 18px;
   font-weight: bold;
   line-height: 1.3em;
   border: 2px dashed #fff;
   border-top-left-radius: 3px;
   -moz-border-radius-topleft: 3px;
   -webkit-border-top-left-radius: 3px;
   border-bottom-right-radius: 3px;
   -moz-border-radius-bottomright: 3px;
   -webkit-border-bottom-right-radius: 3px;
   border-top-right-radius: 3px;
   -moz-border-radius-topright: 3px;
   -webkit-border-top-right-radius: 3px;
   -moz-box-shadow: 0 0 0 4px #FEAA25, 2px 1px 4px 4px rgba(10,10,0,.5);
   -webkit-box-shadow: 0 0 0 4px #FEAA25, 2px 1px 4px 4px rgba(10,10,0,.5);
   box-shadow: 0 0 0 4px #FEAA25, 2px 1px 6px 4px rgba(10,10,0,.5);
   font-weight: bolder;
}

/* {
	      

	        text-align: center;
	        position: relative;
	        color: #fff;
	        margin:  0 -14px 0px -14px;
	        padding: 10px 0;
	        font-size: 1em;
	        background: #FEAA25;
	        background-image: -moz-linear-gradient(rgba(255,255,255,.3), rgba(255,255,255,0));
	        background-image: -webkit-linear-gradient(rgba(255,255,255,.3), rgba(255,255,255,0));
	        background-image: -o-linear-gradient(rgba(255,255,255,.3), rgba(255,255,255,0));
	        background-image: -ms-linear-gradient(rgba(255,255,255,.3), rgba(255,255,255,0));
	        background-image:  linear-gradient(rgba(255,255,255,.3), rgba(255,255,255,0));
	        -moz-box-shadow: 0 2px 0 rgba(0,0,0,.3);
	        -webkit-box-shadow: 0 2px 0 rgba(0,0,0,.3);
	        box-shadow: 0 2px 0 rgba(0,0,0,.3);
	    }

	  #menubox:before, #menubox:after , .sideblock .title h2:before, .sideblock .title h2:after   
	    {
	        content: '';
	        position: absolute;
	        border-style: solid;
	        border-color: transparent;
	        bottom: -10px;
	    }

	    #menubox:before, .sideblock .title h2:before 
	    {
	        border-width: 0 10px 10px 0;
	        border-right-color: #222;
	        left: 0;
	    }

	   #menubox:after, .sideblock .title h2:after 
	    {
	        border-width: 0 0 10px 10px;
	        border-left-color: #222;
	        right: 0;
	    }
*/
#cssmenu {
	margin: 0;
	padding: 0;
	position: relative;
}

#cssmenu ul {
	margin: 0;
	padding: 0;
}

#cssmenu li {
	/*background: url(images/mainnav-sep.gif) repeat-y right;*/
	cursor: pointer;
	display: block;
	float: left;
	margin: 0 2px;
	padding: 0 14px 0 0;
	position: relative;
        width: 160px;
        text-align: center
}

#cssmenu li ul {
	position: absolute; /* second-level lists */
	z-index: 99;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	height: auto;
	width: 10.9em;
}

#cssmenu li ul ul {
	margin: -2.2em 0 0 10.8em; /* third-and-above-level lists */
}

#cssmenu li li {
	padding: 0 1em 0 0;
	margin: 0;
	width: 10.8em;
}

#cssmenu ul a {
	width: 10.6em;
}

#cssmenu li:hover ul ul, #cssmenu li:hover ul ul ul,
#cssmenu li.sfhover ul ul, #cssmenu li.havechildsfhover ul ul, #cssmenu li.havechild-activesfhover ul ul, #cssmenu li.activesfhover ul ul,
#cssmenu li.sfhover ul ul ul, #cssmenu li.havechildsfhover ul ul ul, #cssmenu li.havechild-activesfhover ul ul ul, #cssmenu li.activesfhover ul ul ul {
	left: -999em;
}

/* This "unhides" the sub-menus (left: -999em is what hides them) */
#cssmenu li:hover ul, #cssmenu li li:hover ul, #cssmenu li li li:hover ul,
#cssmenu li.sfhover ul, #cssmenu li.havechildsfhover ul, #cssmenu li.havechild-activesfhover ul, #cssmenu li.activesfhover ul,
#cssmenu li li.sfhover ul, #cssmenu li li.havesubchildsfhover ul, #cssmenu li li.havesubchild-activesfhover ul, #cssmenu li li.activesfhover ul,
#cssmenu li li li.sfhover ul, #cssmenu li li li.havesubchildsfhover ul, #cssmenu li li li.havesubchild-activesfhover ul, #cssmenu li li li.activesfhover ul {
	left: 0;
}

/* STYLING THE MENU
-----------------------------------*/
/* 1st level */
#cssmenu li a {
	color: #fff;
	display: block;
	font-size: 92%;
	line-height: 30px;
	padding: 0 0 0 15px;
	text-decoration: none;
	text-transform: uppercase;
 
}

#cssmenu a span {
	display:block;
	line-height:30px;
	padding:0 15px 0 0;
}

#cssmenu li a:hover,
#cssmenu li a:active,
#cssmenu li a:focus {
	color: #FFFFFF;
}

#cssmenu li:hover a,
#cssmenu li.sfhover a,
#cssmenu li.havechildsfhover a,
#cssmenu li.havechild-activesfhover a {
	/*background: url(images/mainnav-hover.gif) repeat-x left center;*/
	color: #FFFFFF;
}

#cssmenu li:hover a span,
#cssmenu li.sfhover a span,
#cssmenu li.havechildsfhover a span,
#cssmenu li.havechild-activesfhover a span{
	/*background: url(images/mainnav-hover.gif) no-repeat right center;*/
}

#cssmenu li a.active,
#cssmenu li a.active:hover,
#cssmenu li a.active:active,
#cssmenu li a.active:focus {
	/*background: url(images/mainnav-hover.gif) repeat-x left center;*/
	color: #FFFFFF;
}

#cssmenu a:hover span,
#cssmenu a:active span,
#cssmenu a:focus span {
	/*background: url(images/mainnav-hover.gif) repeat-x right center;*/
	cursor: pointer;
}

#cssmenu li.active a,
#cssmenu li.active a:hover,
#cssmenu li.active a:active,
#cssmenu li.active a:focus {
	/*background: url(images/mainnav-active.gif) no-repeat left center;*/
	color: #FFFFFF;
}

#cssmenu li.active a span,
#cssmenu li.active a:hover span,
#cssmenu li.active a:active span,
#cssmenu li.active a:focus span {
	/*background: url(images/mainnav-active.gif) no-repeat right center;*/
	cursor: pointer;
}

/* 2nd level and above */
#cssmenu li ul {
background: #333;	border: 1px solid #5A5A5A;
	border-top: none;
	top: 27px;
}

#cssmenu li ul ul {
	border: 1px solid #333333;
}

#cssmenu li ul li {
	border-top: 1px solid #5A5A5A;
	border-right: none;
	background: none;
}

#cssmenu li ul a {
	border-right: none;
	margin: 0;
	background: none !important;
	text-transform: none;
	font-weight: normal;
	white-space: nowrap;
	height: auto;
	line-height: normal;
	color: #eee !important;
}

#cssmenu li ul a span {
	background: none !important;
}

#cssmenu li.havesubchild,
#cssmenu li.havesubchild-active {
	background: url(images/arrow-1.gif) no-repeat 95% 50%;
}

#cssmenu li ul a:hover,
#cssmenu li ul a:active,
#cssmenu li ul a:focus,
#cssmenu ul li:hover,
#cssmenu ul li.sfhover,
#cssmenu ul li.havesubchildsfhover,
#cssmenu ul li.havesubchild-activesfhover,
#cssmenu ul ul li:hover,
#cssmenu ul ul li.sfhover,
#cssmenu ul ul li.havesubchildsfhover,
#cssmenu ul ul li.havesubchild-activesfhover {
	background: #03C7D1;
	color: #FFFFFF !important;
}

#cssmenu ul li a.active {
	background: none !important;
	font-weight: bold !important;
}

#cssmenu ul li a.active:hover,
#cssmenu ul li a.active:active,
#cssmenu ul li a.active:focus {
	color: #FFFFFF !important;
}






/* Profile block */



.header-profilepic {

  text-align:right;
  margin: 5px;
  width: 70px;
  height: 70px;
  border: 5px solid #292929;

}

.header-profileblock {
  float:right;
  text-align:right;
  position: absolute;
  right: 70px;
  padding: 5px;
  margin-top: -50px;
 line-height: .5em;
  

}
.header-profileblock a {
	font-size: .75em !important;
	color: #fff;
}

.header-profilename {

  text-align:right;
  margin-right: 5px;

}

.header-profileoptions {
  text-align:right;
  margin-right: 5px;
  color: #000;
}
.header-profileoptions {
	margin-top: -20px !important;
}

.header-profileoptions ul li { 
padding-left: 5px;
display: inline; 
}

.header-profileoptions .loginform { 
width: 5em;
margin-left:4px;
display: inline; 
}

#login {
color:#fff !important;
}


#footer {
 background: url(images/footer.jpg) repeat-x left top;
 border-top: 3px solid #73b5f1;
 height: 379px;
 margin: 0px -20px;
}

#course-view .weekscss .section, #course-view .section td.side , #course-view .section td.content {
background: rgba(255, 255, 255, 0.2);
border: 1px dashed #5DC7DB;
}


.errorboxcontent {
	background-color:#FFCFCF;
	border:1px solid #FF3333;
	font-weight:bold;
	color:#CF4D4D;
}

#layout-table #middle-column {
background: rgba(255, 255, 255, 0.7);
border: 1px dashed #fff;
border-radius: 15px;
margin-top: 10px;
}

.loginpanel {
background: rgba(250,250, 250, .5);
border-radius: 20px;
color: #000 !important;
}
.loginbox .loginform .form-label {
	color: #000;
}
.loginbox {
	border: none !important;
}

#course-view #menubox {
 margin: 30px 15px -175px 0px;
}
/***** connect2010/styles.css end *****/