HOME

Mini Shell 1.0
Current File : /home/bloomseducation.com/www/css/css.css
@charset "utf-8";
/* CSS Document */
 
 @font-face {
    font-family: 'ArialMTCondensed';
    src: url('../fonts/aric____-webfont.eot');
    src: url('../fonts/aric____-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/aric____-webfont.woff') format('woff'),
         url('../fonts/aric____-webfont.ttf') format('truetype'),
         url('../fonts/aric____-webfont.svg#ArialMTCondensed') format('svg');
    font-weight: normal;
    font-style: normal;
 }
h3{font-family: 'ArialMTCondensed'; font-size:28px; font-weight:normal; color:#333; }
h5{font-family: 'ArialMTCondensed'; font-size:12px; color:#333; font-style:italic;}
 
.mbtm10{margin-bottom:10px;} 
.mbtm20{margin-bottom:20px;} 
 .red{ color:#FF0000;}
.clear{clear:both;margin:0;padding:0;line-height:0;}
*{ margin:0; padding:0;}
.fl{float:left;}
.fr{float:right;}
.mtop10{margin-top:10px;}
.mtop15{margin-top:15px;}
.mleft10{margin-left:10px;}
h1,h2,h3,h4,h5,h5,p,hr,html,ol,li,ul, form{margin:0;padding:0;list-style-type:none !important; }
hr{margin:10px 0; background:#fff;border:none;height:1px;}
a{text-decoration:none;outline:none; color:#02a0ac;  }
a:hover{color:#d7185c; }
img {border:0;}
a img {border:0; outline:none;}
p {margin:0;padding:0; text-align:justify; color:#666;}
.seprator{ height:10px; border-bottom:1px dashed #006600; margin:10px 0;}

.green{color:#006600;}
.orange{color:#ce8a06;}
.sky_blue{color:#017983;}
.pink{color:#d11357;}
/*===========================Body CSS ======================================*/
body{margin:0;padding:0; background:url(../images/body_bg.png);font:normal 12px/1.5em Arial, Helvetica, sans-serif; text-align:justify; color:#666;}



#top_bg {height: 44px; background: url(../images/top_bg.png) repeat-x;  width: 100%;}

#footer_bg {height: auto; background:#333;  width: 100%; margin:10px 0 0 0;}
#footer_bg #footer {width: 1000px; margin:0 auto; color:#999; text-align:center; padding:10px 0;}
#footer_bg #footer a{color:#999;}
#footer_bg #footer p{text-align:center;}
#footer_bg #footer li{display:inline; padding:0 5px; color:#999;}
#footer_bg #footer li a{color:#999;}
#footer_bg #footer li a:hover{color:#fff;}

#footer_bg #footer a:hover{color:#fff;}


 /*===========================wrapper main CSS ======================================*/
#wrapper {width: 1000px; height:auto; margin:-42px auto 0;}

#left_nav {width: 242px; float:left;}


#left_nav h1 a{background:url(../images/ban_one.jpg) no-repeat; margin-left:35px;  width:242px; height:160px; text-indent:-10000px; display:block; overflow:hidden; margin-top:-3px;}

.news{background:url(../images/news_bg.png) repeat-y;  min-height:200px; behavior: url(PIE.htc); position:relative; padding:15px 10px; moz-border-radius:5px; -o-border-radius:5px; -webkit-boder-radius:5px;  border-radius:5px; margin-bottom:10px;}
.news .sep{background:url(../images/sep1.png) repeat-x;  height:2px; margin:10px 0;}
.news p{color:#fff;}
.news p span.title{color:#ffae21; font-size:13px; font-weight:bold; text-align:left;}
.news .heading{background:url(../images/latest_news.png) no-repeat; height:36px; margin:0 0 10px 0;}

.links{background:#fff; behavior: url(PIE.htc); position:relative; padding:5px; moz-border-radius:5px; -o-border-radius:5px; -webkit-boder-radius:5px;  border-radius:5px; height:auto; border:1px solid #ececec; margin:0 0 10px 0; }
.links .heading{background:#ffb22a; color:#fff;   padding:7px; margin:0 0 10px 0; moz-border-radius:5px; -o-border-radius:5px; -webkit-boder-radius:5px;  border-radius:5px; font-family: 'ArialMTCondensed'; font-size:22px; }
.links ul li {background:url(../images/libg.png) repeat-x; display:block;  line-height:32px; color:#666; border-top:1px solid #E9E9E9;}
.links ul li a{color:#ffb22a; font-weight:bold; background:url(../images/arrow.png) no-repeat 7px; display:block; padding-left:27px;}
.links ul li a:hover{background:#F7F7F7 url(../images/arrow.png) no-repeat 7px;}
.links ul li:first-child{border:none 0;}

.login_area{background:#f7f8f9; behavior: url(PIE.htc); position:relative; padding:5px; moz-border-radius:5px; -o-border-radius:5px; -webkit-boder-radius:5px;  border-radius:5px; height:auto; border:1px solid #ececec;}
.login_area .heading{background:#c42c2c; color:#fff;   padding:7px; margin:0 0 10px 0; moz-border-radius:5px; -o-border-radius:5px; -webkit-boder-radius:5px;  border-radius:5px; font-family: 'ArialMTCondensed'; font-size:22px; }

.login_area .row{float: left; margin: 5px 0 0 0;}
.login_area .row label span{font:normal 10px Arial, Helvetica, sans-serif; margin-left:8px; color:#666;}
.login_area .row input[type=text], input[type=password]{width:200px; background:#fff;  border:1px solid #ccc; color: #4E4034;padding: 7px 10px; -moz-border-radius:5px; -o-border-radius:5px; -webkit-boder-radius:5px; margin:3px 0 0 0;  border-radius:5px; behavior:url(PIE.htc); position:relative;}

.login_area .row input[type=submit],input[type=reset]{border: 0 none;color: #fff; font-size: 12px; line-height: 12px; padding: 6px 8px;   float:left; background: #c42c2b; font-family:Arial, Helvetica, sans-serif; -moz-border-radius:5px; -o-border-radius:5px; -webkit-boder-radius:5px; margin:5px 0 0 0;  border-radius:5px; behavior:url(PIE.htc); position:relative; cursor:pointer; margin-right:10px;}

.login_area .row input[type=submit]:hover{background:#32acc6;}
.login_area .row input[type=reset]:hover{background:#32acc6;}
 

 



#right_nav{width: 740px; float:right;}
#right_nav .quick_call{height:44px; line-height:44px; color:#fff; position:relative; margin-bottom:10px;}
#right_nav .quick_call img{vertical-align:middle; margin:0 5px;}

#right_nav .quick_call .follow_us {position:absolute; top:10px; right:0;}

#right_nav .quick_call .follow_us a.facebook{height:24px; width:88px; background:url(../images/facebook.png) no-repeat top; line-height:44px; color:#fff;  text-indent:-10000px; display:block; overflow:hidden; float:left;}
#right_nav .quick_call .follow_us a.facebook:hover{background:url(../images/facebook.png) no-repeat bottom; }

#right_nav .quick_call .follow_us a.twitter{height:24px; width:88px; background:url(../images/twitter.png) no-repeat top; line-height:44px; color:#fff;  text-indent:-10000px; display:block; overflow:hidden; float:left;}
#right_nav .quick_call .follow_us a.twitter:hover{background:url(../images/twitter.png) no-repeat bottom; }


.navigation{height:47px; background:url(../images/menu_bg.png) repeat-x; margin-bottom:10px; -moz-border-radius:5px; -o-border-radius:5px; -webkit-boder-radius:5px;  border-radius:5px; behavior:url(PIE.htc); position:relative; border:1px solid #dcdcdc;}

.navigation li {
    line-height: 47px;
    display: inline;
    font-weight: bold;
    font-size: 12px;
    background: url(../images/seprator.png) no-repeat;
    float: left;
    color: #333;
    text-transform: uppercase;
}
.navigation  li:first-child{background:none;} 
.navigation li a {
    color: #333;
    float: left;
    padding: 0 6px;
}
.navigation  li a:hover{color:#fff; background:#ca3535;  } 
.navigation  li a.active{color:#fff; background:#ca3535; } 


.banner{height:306px; margin-bottom:10px; position:relative;}
.banner .text{position:absolute; top:25px; left:25px; width:330px;}
.banner .text p{color:#666; text-align:left;}
.banner .text .heading{height:90px; background:url(../images/logo_text.png) no-repeat; margin-bottom:15px;}

.banner .text a.readmore{height:44px; width:140px; background:url(../images/read_more.png) no-repeat top;    text-indent:-10000px; display:block; overflow:hidden; margin: 10px 0 0 0;}
.banner .text a.readmore:hover{height:44px; width:140px; background:url(../images/read_more.png) no-repeat bottom;    text-indent:-10000px; display:block; overflow:hidden; margin: 10px 0 0 0;}


.blue_bg{width:229px; height:82px; background:url(../images/blue_bg.png) no-repeat; float:left; -moz-border-radius:5px; -o-border-radius:5px; margin:0 0 0 22px;-webkit-boder-radius:5px;  border-radius:5px; behavior:url(PIE.htc); position:relative; border:1px solid #f4f4f4;}

.blue_bg .text_main{position:absolute; top:20px; left:95px;}
.blue_bg .text_main p {font-family: 'ArialMTCondensed'; font-size:22px; font-weight:normal; color:#fff;}
.blue_bg .text_main p a.small{font-family: 'ArialMTCondensed'; font-size:14px !important; font-weight:normal; color:#fff;}
.blue_bg .text_main p a.small:hover{color:#000;}
 


.red_bg{width:231px; height:82px; background:url(../images/red_bg.png) no-repeat; -moz-border-radius:5px; -o-border-radius:5px; -webkit-boder-radius:5px;  border-radius:5px; behavior:url(PIE.htc); position:relative; border:1px solid #f4f4f4; float:left; }
.red_bg .text_main{position:absolute; top:20px; left:95px;}
.red_bg .text_main p {font-family: 'ArialMTCondensed'; font-size:22px; font-weight:normal; color:#fff;}
.red_bg .text_main p a.small{font-family: 'ArialMTCondensed'; font-size:14px !important; font-weight:normal; color:#fff;}
.red_bg .text_main p a.small:hover{color:#000;}

.yellow_bg{width:231px; height:82px; background:url(../images/yellow_bg.png) no-repeat; -moz-border-radius:5px; -o-border-radius:5px; -webkit-boder-radius:5px;  border-radius:5px; behavior:url(PIE.htc); position:relative; border:1px solid #f4f4f4; float:right}
.yellow_bg .text_main{position:absolute; top:20px; left:95px;}
.yellow_bg .text_main p {font-family: 'ArialMTCondensed'; font-size:22px; font-weight:normal; color:#fff;}
.yellow_bg .text_main p a.small{font-family: 'ArialMTCondensed'; font-size:14px !important; font-weight:normal; color:#fff;}
.yellow_bg .text_main p a.small:hover{color:#000;} 

.welcome_wrapper{height:auto; background:#eee; padding:20px; margin:15px 0 10px 0; position:relative;box-shadow: 2px 3px 2px #d3d3d3;}
.welcome_wrapper h2{font-family: 'ArialMTCondensed'; font-size:22px; font-weight:normal; color:#333; margin-bottom:15px;}
.welcome_wrapper img{float:right; margin-left:15px;  -moz-border-radius:5px; -o-border-radius:5px; -webkit-boder-radius:5px;  border-radius:5px; behavior:url(PIE.htc); position:relative;width:230px;}
.welcome_wrapper a.readmore{height:30px; width:102px; background:url(../images/read_more_new.png) no-repeat; text-indent:-10000px; display:block; overflow:hidden; margin: 10px 0 0 0; float:right;}
 
 
 .scroller_alumni{height:atuto; }
 


.wrapper_internal{background:#fff; behavior: url(PIE.htc); position:relative; padding:10px; moz-border-radius:5px; -o-border-radius:5px; -webkit-boder-radius:5px;  border-radius:5px; height:auto; border:1px solid #ececec; min-height:420px;}

.wrapper_internal .heading{background:#c42c2c; color:#fff;   padding:7px; margin:0 0 10px 0; moz-border-radius:5px; -o-border-radius:5px; -webkit-boder-radius:5px;  border-radius:5px; font-family: 'ArialMTCondensed'; font-size:22px; }

.wrapper_internal input[type=text]{width:210px; padding:4px; background:#f2f2f2; border:1px solid #ccc;}
.wrapper_internal select{width:220px; padding:4px; background:#f2f2f2; border:1px solid #ccc;}
 .wrapper_internal input.small{width:150px !important; padding:4px; background:#f2f2f2; border-top:1px solid #ccc; border-right:1px solid #ccc;}
.wrapper_internal textarea{width:400px !important; padding:4px 0 0 4px; height:100px; background:#f2f2f2; border:1px solid #ccc;}

.wrapper_internal form  table{background-color:#fff !important; border:none;}
.wrapper_internal form  table tr td {background-color:#fff !important; border:none;}
 
 table.sample {
	border:1px solid #000;
	border-collapse:collapse;
	border-width: 1px;
	border-style:  solid;
	padding-left:0.2cm;
	padding-right:0.2cm;
	border-color: gray;
	background-color: white;
}
table.sample th {
	border-width: 1px;
	padding: 1px;
	padding-left:0.2cm;
	padding-right:0.2cm;
	border-style: solid;
	border-color: gray;
	background-color: #000000;
}
table.sample td {
	border-width: 1px;
	padding: 1px;
	padding-left:0.2cm;
	padding-right:0.2cm;
	border-style: solid;
	border-color: gray;
	background-color: ;
}

<!--------------------------For Mobile-------------------------------------------------------->
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
/* Styles */
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
/* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
/* Styles */
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
/* Styles */
}
/**********
iPad 3
**********/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}
/* Desktops and laptops ----------- */
@media only screen  and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
@media only screen  and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
#wrapper {width: 100%;height: auto;}
#left_nav {width: 100%;}
#right_nav {width: 100%;float: right;}
#wowslider-container1 {zoom: 1;position: relative; max-width: 100% !important; margin: 5px auto 5px; z-index: 90; border: none;text-align: left;}
.links ul li {background: url(../images/libg.png) repeat-x; display: block; line-height: 70px; color: #666; border-top: 1px solid #E9E9E9; font-size: 32px;}
.links .heading {background: #ffb22a; color: #fff; padding: 45px 20px; margin: 0 0 10px 0; moz-border-radius: 5px; -o-border-radius: 5px; -webkit-boder-radius: 5px;border-radius: 5px;    font-family: 'ArialMTCondensed'; font-size: 60px;}
.login_area .heading {background: #c42c2c;color: #fff;padding: 45px 20px;margin: 0 0 10px 0;moz-border-radius: 5px;-o-border-radius: 5px;-webkit-boder-radius: 5px;border-radius: 5px;font-family: 'ArialMTCondensed';font-size: 60px;}
.news p span.title {color: #ffae21;font-size: 32px;font-weight: bold; text-align: left;line-height: 32px;} 
.banner {height: 306px;margin-bottom: 140px;position: static;}
.welcome_wrapper img {margin: 30px 0;-moz-border-radius: 5px;-o-border-radius: 5px;-webkit-boder-radius: 5px;border-radius: 5px;behavior: url(PIE.htc);position: relative;width: 100%;}
    
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
#wrapper {width: 100%;height: auto;}
#left_nav {width: 100%;}
#right_nav {width: 100%;float: right;}
#wowslider-container1 {zoom: 1;position: relative; max-width: 100% !important; margin: 5px auto 5px; z-index: 90; border: none;text-align: left;}
.links ul li {background: url(../images/libg.png) repeat-x; display: block; line-height: 70px; color: #666; border-top: 1px solid #E9E9E9; font-size: 32px;}
.links .heading {background: #ffb22a; color: #fff; padding: 45px 20px; margin: 0 0 10px 0; moz-border-radius: 5px; -o-border-radius: 5px; -webkit-boder-radius: 5px;border-radius: 5px;    font-family: 'ArialMTCondensed'; font-size: 60px;}
.login_area .heading {background: #c42c2c;color: #fff;padding: 45px 20px;margin: 0 0 10px 0;moz-border-radius: 5px;-o-border-radius: 5px;-webkit-boder-radius: 5px;border-radius: 5px;font-family: 'ArialMTCondensed';font-size: 60px;}
.news p span.title {color: #ffae21;font-size: 32px;font-weight: bold; text-align: left;line-height: 32px;}   
.banner {height: 306px;margin-bottom: 140px;position: static;}
.welcome_wrapper img {margin: 30px 0;-moz-border-radius: 5px;-o-border-radius: 5px;-webkit-boder-radius: 5px;border-radius: 5px;behavior: url(PIE.htc);position: relative;width: 100%;}
}

/* iPhone 5 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* iPhone 6 ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* iPhone 6+ ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* Samsung Galaxy S3 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* Samsung Galaxy S4 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

/* Samsung Galaxy S5 ----------- */
@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}