/* 
 * Author        : Rex S. Sacayan
 * Date created  : May 23, 2011
 * Date modified : September 06, 2011
 * Description   : SCS website style 
 */

body{
color:#444; 
background: #EAEAEA;
font-size:12px;
font-family:Verdana,Arial,Sans-serif,Verdana,Helvetica,Tahoma;
margin-bottom:5px;
margin-top:0;
}

p{font-size:12px; margin:0; padding:0; margin-bottom:10px; line-height: 18px}
small{font-size:10px; font-weight:normal; color:#777}
ul, ol {margin:0; padding:0; margin-bottom:10px;}
ul li, ol li{margin:0; padding:0; line-height:18px; margin-bottom:2px;}
#msuiit-logo{width:94px; height:94px; margin:0; padding:0; float:left; position:absolute; margin-left:-58px}
h2{font-size:1.3em; color:#333; padding:0; margin-top:0}
h3{font-size:1.1em; color:#333; padding:0; margin:0; margin-bottom:10px;}
.box-head h3{font-size:13px; color:#000;}
h4{color:#333; padding:0; margin:0; margin-bottom:10px; font-size:16.25px; font-weight:normal}
h1,h2,h3,h4 {color:#222}
a{color:#1B7B7C; text-decoration:none; }
a:hover{text-decoration:underline; color:#156466}
a:visited{color:#589596; text-decoration:none}
a:visited:hover{text-decoration:underline}
.red, a.red {color:#c00	}
img {border:0;}
#title img {border:0;}
h3 a:visited {color:#1B7B7C}

#block-container {
background: #fff;
position:relative;
padding-bottom:10px;
width:994px;
padding-top:5px;
margin:0 auto;
-moz-box-shadow:0 0 5px #999;
-webkit-box-shadow:0 0 5px #999;
}

#main-container {
width:974px;
margin:0 auto;
height:auto;
padding:0;
position:relative;
}

/* HEADER */
#header{
height:98px; 
width:auto;  
margin:0 auto;  
padding:10px; 
overflow:hidden; 
margin-top:5px; 
background:#f4f4f4;
background: -moz-linear-gradient(100% 100% 90deg, #fff, #eee);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eee), to(#fff));
}
#header .iithome{color:#494949; line-height:18px; }
#header .msu-title{color:#494949; font-size:10pt; font-weight:bold; padding-left:5px; line-height:18px; margin-top:3px; margin-bottom:2px; }
#header #scs-logo{
margin:0; padding:0; float:left;  margin-left:0px; border:1px solid #ccc;
}
#header .scs {font-size:24px; line-height:24px;}
#header-container{width:972px; margin:0 auto}
#header #title{
float:left; 
height:100px;
width:580px;
overflow:hidden;
}
#header-right{
float:right; overflow:hidden; height:95px; width:300px;
}
#header h1 {line-height:36px; font-size:24px;}
#header h1,#header h2,#header h3{margin:0;padding:0; margin-left:100px;}
#header h1 a:hover{text-decoration:none}
#header h2{line-height:22px; font-size:20px; margin-top:3px; margin-bottom:3px; padding-left:5px;font-family:Georgia, "Times New Roman", Times, serif}
#header .text{font-size:11px; line-height:13px; padding-left:5px; color:#707070; font-weight:normal;}
#header .iit{font-size:18px; line-height:18px; padding-left:5px; color:#494949; }
#header a{color:#1F9597; text-decoration:none}
#google-search{margin-top:70px;}
#google-search form{margin:0; padding:0; height:22px}
#google-search input{margin:0;}
#gs-input{width:170px}
#cse-search-box{margin:0; padding:0; width:300px}
#cse-search-box{text-align:right; margin:0; padding:0; background:url(/academics/colleges/csm/images/google-search.jpg) left no-repeat; width:300px;
background-position:1px 1px;
}
#header a {border:0;}
/* END Header */

/* CSM Main Navigation */

#main-menu-container {
margin:0;
padding:0;
}

#main-menu-container #main-menu{
clear:both;
margin:0;
padding:0;
height:32px;
border:0;
background-color:#1F9597;
}
#main-menu {padding:0;margin:0;width:auto;overflow:hidden;font-size:13px; list-style:none}
#main-menu li{float:left;display:block;color:#FFF;list-style:none;height:32px;line-height:32px;margin:0;}
#main-menu li a{float:left;display:block;color:#FFF;border:0;height:32px;margin:0;padding:0 15px 0;text-decoration:none;border-right:1px solid #ccc}
#main-menu li a:hover{background-color:#156466;text-decoration:underline; text-shadow: 0 0 0}
#main-menu li a.active, #main-menu li a.active:hover {background-color:#fff; color:#1F9597; text-shadow: 1px 1px 1px #ababab;
  background: -moz-linear-gradient(100% 100% 90deg, #fff, #ddd);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ddd), to(#fff));
}

/* END CSM Main Navigation*/

/* CONTENT */

#content {
font-family: Verdana, Geneva, sans-serif;
margin:0;
padding:0;
min-height:300px;
_height:300px;
border-top:0;
border-bottom:0;
color:#333;
}

.home {background:#EFEFEF;}

#top-news{
padding:5px; 
padding-top:0;
padding-left:0;
margin:0; 
margin-bottom:15px;
width:619px;
_width:621px; 
border:1px solid #ccc;
height:150px; 
background: #fff; 
overflow:hidden;
-moz-box-shadow:0 0 5px #bbb;
-webkit-box-shadow:0 0 5px #bbb;
}
.top-news-content p{font-size:12px; margin-top:5px; line-height:17px; margin-bottom:0}
.top-news-content h3{padding-top:25px; font-size:1.5em; position:static; line-height:normal;}
.top-news-content h3.noimg, .top-story .noimg{padding:1.6em 0 6px 6px; font-size:1.5em; position:static}
.top-news-content h3 a{font-weight:bold; color:#1F9597} 
#top-news .top-news-content h3 img{
margin-top:-25px; 
margin-right:10px;
margin-left:5px;
border:0;
height:145px;
float:left;
}
#top-news h2 span{padding:2px 0; width:120px; position:absolute; top:0; right:0px; text-transform:uppercase; font-weight:
normal; color:#fff; text-align:center;}
#top-news h2{position:relative; top:0; left:0; margin:0; z-index:45; font-size:1em; height:5px; overflow:visible}
#top-news span.dy{background-color:#23B0B2; width:90px; font-size:11px; height:auto; padding:4px;}
#top-news .dy {
/*
-moz-border-radius: 0 0px 5px 5px;
-webkit-border-bottom-left-radius:5px; 
-webkit-border-bottom-right-radius:5px;
*/
}
#top-news .dy-more-news{font-size:11px; margin-top:0px; clear:right; } 

.home .news {
float:left;
background:#fff;
width:604px;
border:1px solid #ccc;
padding:10px;
margin-bottom:15px;
padding-bottom:2px;
-moz-box-shadow:0 0 5px #bbb;
-webkit-box-shadow:0 0 5px #bbb;
}

.home .news .news-item {width:605px; min-height:110px; _height:110px; float:left; clear:both; margin-bottom:10px; }
.home .news .news-item .date-published {padding:5px; background:#f4f4f4; margin-bottom:10px; font-size:11px;  color:#777}
.home .news .news-item img {margin-right:10px;}
.home .news .news-item p {
width:450px;
float:left
}

.widget {
background: #fff; 
min-height: 36px;
margin: 0px 0 15px 0; 
width: 304px;
-moz-box-shadow:0 0 5px #bbb;
-webkit-box-shadow:0 0 5px #bbb;
overflow: hidden;
border:1px solid #ccc;
}
.widget h3 { 
margin:0;
padding:0;
width:auto;
display: block;  
padding:6px 10px 6px 10px;
line-height:normal;
overflow:hidden;
border-bottom:1px solid #DFDFDF;
background:#D3E7E8 url(/images/th-bg.jpg) bottom left no-repeat;
color:#494949
}

.home .widget ul, .home .widget ol{margin:0; padding:0; margin:10px 0; width:88%;} 

.home .contact-box {
background:#fff;
width:624px;
border:1px solid #ccc;
-moz-box-shadow:0 0 5px #bbb;
-webkit-box-shadow:0 0 5px #bbb;
float:left;
margin-bottom:15px;
}

.home .contact-box h3 {
margin:0;
padding:0;
width:auto;
display: block;  
padding:5px 0px 6px 0;
line-height:normal;
overflow:hidden;
border-bottom:1px solid #DFDFDF;
text-align:center;
color:#494949
}

.home .contact-box p {
padding:10px;
margin:0;
}
#content .divider {
height:1px;
width:auto;
border-bottom:1px dotted #ccc;
margin-bottom:10px;
clear:both
}

.fb-iframe{border:none; overflow:hidden; width:624px; height:187px;}

/* CONTENT GRID */
#content h3 {font-size:18px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal;}
#content h4 {font-size:16.25px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal;}

#featured-left {width:626px; margin:15px 0 10px 14px;color:#333; float:left;min-height:380px; padding:0; _margin-left:7px;}
#featured-right {width:306px; margin:15px 0 10px 14px; float:left; color:#404040; _margin-left:13px; }
#featured-right ul, #featured-right ol, #featured-left ul, #featured-left ol {margin-left:25px; color:#BFBFBF}
#featured-right h3 {font-size:17.15px; font-weight:normal} 
#featured-right ul li span {color:#333} 
#featured-right ul li a span {color:#1B7B7C} 
#featured-right .note {width:auto; overflow:hidden}
#featured-right .note h3 {color:#444}

/* Breadcrumb */
#breadcrumb {
font-size:10.8px; 
color:#444; 
border-bottom:1px solid #E0DFDA; 
padding:10px;
}

#breadcrumb a{ color:#666;border:0;}

/* 3 COLUMNS */
.column-container {padding:0; clear:both;  min-height:300px; _height:300px}
.center-column, .left-column, .right-column {float:left; padding-top:10px;}
.center-column ul { margin-left:25px; margin-bottom:10px}
.center-column ol { margin-left:25px; margin-bottom:10px; }
.center-column ul ul, .center-column ol ol{margin:10px 15px}
.center-column ul li, .center-column ol li { margin-bottom:5px; line-height:18px}
.center-column ol li ul{margin-left:15px;}
.left-column,.right-column {width:195px; min-height:300px;_height:300px}
.center-column {width:540px;  min-height:300px;_height:300px; padding:10px; border-right:1px solid #E0DFDA;border-left:1px solid #E0DFDA; font-size:13px; }
.center-column2 {width:758px; min-height:300px;_height:300px; padding:10px; padding-right:0; border-left:1px solid #E0DFDA; font-size:13px; float:left;  }
.center-column2 ul, .center-column2 ol {margin:0; padding:0; margin-left:20px; width:auto; }
#content .right-column ul, #content .right-column ol {padding:0; margin:0; margin-left:12px; color:#777;
font-size:11.4333px;}
#content .right-column ul li, #content .right-column ol li {line-height:14px;}
#content .center-column p,#content .center-column2 p {font-size:13px;}
.gutter{margin-left:10px;}
/* END CONTENT GRID */

/* SUBPAGE MENU*/
#subpage-nav ul.menu{list-style:none;margin:0;padding:0;font-size:12px;width:195px;}
#subpage-nav ul.menu li{list-style:none;padding:0;margin:0;color:#333;}
#subpage-nav ul.menu li#last{border:0;}
#subpage-nav ul.menu li a{display:block;border:0; min-height:15px; _height:15px; }
#subpage-nav ul.menu li a,#subpage-nav ul.menus li a:visited,#subpage-nav ul.menu li a.active{display:block;color:#0C6989;padding:5px 2px 8px 10px !important;background-color:#FFF;border-bottom:1px dotted #ccc; text-decoration:none; margin:1px;}
#subpage-nav ul.menu li a.active{background:#C9E7E9 url(/images/th-bg.jpg) top left no-repeat !important;color:#333 !important;border:0;} 
#subpage-nav ul.menu li a.active:hover{background:#D3E7E8 url(/images/th-bg.jpg);}
#subpage-nav ul.menu li a:hover{background:#E1ECED; color:#333; text-shadow:none !important;}
#subpage-nav ul.menu li ul{margin:0;width:183px;position:relative;left:1px;}
#subpage-nav ul.menu li ul li a,#subpage-nav ul.menu li ul li a:hover,#subpage-nav ul.menu li ul li a.active,#subpage-nav ul.menu li ul li a.active:hover{font-weight:normal;}
#subpage-nav ul.menu li ul{text-indent:0;padding:0 0 0 10px;margin:0;border:0;}
#subpage-nav ul.menu li ul li ul{width:172px;}

/* CLASSES */
.image-box{margin:10px 0; width:530px; padding:5px; background-color:#DFDFDF;}
.image-box img{margin:0;padding:0;border:0}
.image-box .caption{font-size:11px;color:#222;margin:0;padding:2px;}

.article-image{float:left;margin:5px 8px 0 0;width:250px;padding:5px;background-color:#DFDFDF;}
.article-image-right{float:right;margin:5px 0px 0 8px;width:250px;padding:5px;background-color:#DFDFDF;}
.article-image-right img{margin:0;padding:0;border:0}
.article-image img{margin:0;padding:0;border:0}
.article-image .caption{font-size:11px;color:#222;margin:0;padding:2px;}
.article-image-right .caption{font-size:11px;color:#000;margin:0;padding:2px;}
.download-link{background:url(http://images.msuiit.edu.ph/icons/outbox-download.gif) bottom left no-repeat; padding-left:15px}
.file-pdf{background:url(http://www.msuiit.edu.ph/images/icons/ico_pdf.gif) bottom left no-repeat; padding-left:20px}
/*
.file-xls{background:url(http://www.msuiit.edu.ph/images/icons/ico_xls.gif) bottom left no-repeat; padding-left:20px; padding-top:2px;}
*/

.bulletin {width:626px; margin-bottom:10px;}
.bulletin ul{margin:0; padding:0; margin-left:15px;}


#content .note h4 {font-size:16.25px; font-weight:normal; color:#494949;}
#content .center-column .note h4 { text-align:center}
.note {
   position:relative;
   width:auto;
   padding:1em 1em;
   margin:0 0 10px 0;
   color:#494949;
   background:#E0E8EF;
   overflow:hidden;
   line-height:18px;
   font-size:11.4333px;
}

.center-column2 .note p, .center-column2 .note p a {font-size:11.4333px;}
.center-column2 ul, ol {margin-bottom:10px;}
.center-column2 .note ul, .center-column2 .note  ol {padding:0;margin:0; margin-left:15px;}
.note ul, .note  ol {padding:0;margin:0; margin-left:5px; }
.note ul li, .note  ol li {padding:0;margin:0; margin-bottom:5px;}
.note p {margin:0; padding:0; margin-bottom:5px; font-size:11.4333px;}

.note:before {
   content:"";
   position:absolute;
   top:0;
   right:0;
   border-width:0 16px 16px 0;
   border-style:solid;
   border-color:#fff #fff #D1DFD1 #D1DFD1;
   background:#E0E8EF;
   -webkit-box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
   -moz-box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
   box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
   display:block; width:0; /* Firefox 3.0 damage limitation */
}

.note.rounded {
   -webkit-border-radius:5px;
   -moz-border-radius:5px;
   border-radius:5px;
}

.note.rounded:before {
   border-width:8px;
   border-color:#fff #fff transparent transparent;
   -webkit-border-bottom-left-radius:5px;
   -moz-border-radius:0 0 0 5px;
   border-radius:0 0 0 5px;
}

.note a {}

.deans-office p{ margin-bottom:18px;}
.default-table { border: 1px solid #ddd; border-bottom:0; border-right:0}
.default-table th { vertical-align:top; text-align:left; background:#E0E8EF; padding:5px; border-right:1px solid #ddd;border-bottom:1px solid #ddd}
.default-table td { border-right:1px solid #ddd; vertical-align:top; padding:5px; border-bottom:1px solid #ddd}
.mytable, .default-table {margin-bottom:10px; border-left:1px solid #ddd; border-top:1px solid #ddd}
.mytable th { vertical-align:top; text-align:left; background:#CBE9EB url(/images/th-bg.jpg) top left repeat-x; padding:5px; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
.mytable td { border-bottom:1px solid #e8e8e8; vertical-align:top; padding:5px; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
.mytable td.altrow, .mytable_data td.altrow, .default-table td.altrow{border-top:0; background:#EFF2FF}
.mytable tr:hover td{background-color:#EFEFEF; color:#000}
.mytable ul {margin-left:13px;}
.imgleft {float:left;}
.imgright {float:right;}
.box-common{width:768px; padding:5px; border:1px solid #E0E8EF; margin-bottom:10px}
.box-common ul{margin:0; padding:0; text-align:left}
.box-common ul li{list-style:none; margin:0; padding:0; margin-left:-20px; font-size:11px; min-width:260px}
.box-common ul li span{color:#c00}
.pink{background:#FFDFDF; border:1px solid #c00; padding:3px}
.pages a{padding:0 2px}
.alphabet_pagenav{margin:10px 0; text-align:center}
a.alphabet-page{height:25px; border:1px solid #E0E8EF; padding:4px; margin:3px 4px;}
a.alphabet-page:hover{background-color:#FEFF9F; color:#000}
.chat-counselor {margin-top:10px; margin-left:12px; padding:10px; background:#E0E8EF; border:1px solid #D1DFD1}
.myiit {margin-top:10px; margin-left:12px;}
.myiit img {border:1px solid #1F9597;}
.myiit a {border:0; text-decoration:none}
.tadman-box {
width:152px;
float:left;
margin-left:12px;
margin-bottom:10px;
border:1px solid #C1DAD7;
padding:10px;
min-height:280px;
overflow:hidden;
font-size:12px;
font-family:Arial;
line-height:18px;
color:#444
}

.red{
color:#c00;
}

::-moz-selection{ background: #1F9597; color:#fff; text-shadow: none; }
::selection { background: #1F9597; color:#fff; text-shadow: none; } 

/* END CLASSES*/
/* END CONTENT */

/* FOOTER */
div#footer {
/*height:165px;*/
height:120px;
background:#1F9597; /* url(../images/theme/scs-footer-bg.jpg) top left no-repeat;*/
color:#e8e8e8;
font-size:10.8333px;
line-height:16px;
}

#footer div{/*
margin-top:44px;*/
margin-top:0;
padding:10px;
}
.fdiv-left{float:left; width:500px;}
.fdiv-right{width:400px; float:right; text-align:right;}
#footer div a {color:#f4f4f4; border:0}

/* END FOOTER */

/* Effects */
.boxshadow{
-moz-box-shadow:0 0 5px #999;
-webkit-box-shadow:0 0 5px #999;
}
.rc_input { -moz-border-radius:5px; -webkit-border-radius:5px; }
.rc5 { -moz-border-radius:5px; -webkit-border-radius:5px; }
.rc10 { -moz-border-radius:10px; -webkit-border-radius:10px; }