img {text-decoration: none; border: 0px}


body 
{
    margin:0px;
    font-family: Arial, Helvetica, sans-serif;
    text-align:justify;
    
}


.dob {

    text-align: left !important;
    color: rgb(94, 156, 236) !important;
    text-shadow: 1px 1px 0px rgb(0, 133, 111) !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
        font-size: 20px !important;

}


#head
{
    background-image:url('../images/background-head.png');
    
    background-repeat:repeat-x;   
}

.certificate-header
{
    text-align:center;
    margin-top:10px;
   
}

#btn_submit
{
    background-color:#e6564e;
     width:100%;
     
     -webkit-border-radius:2px;
     
     height:35px;
    font-size:large;
    color:White;
    font-family:Arial Sans-Serif;
    border:none;
    width:200px;
}



.logout
{
    
    text-align:right;
    margin-top:30px;
    width:100px;
    float:right;
    
    
}

.logout a
{
    color:White;
    font-weight:bold;
    
    
    
}
.add-new
{
    margin-top:10px;
}

.courseList td.left-column
{
    width:30%;
    text-align:right;
}
.courseList td.right-column
{
    
    text-align:left;
}


#head-content-with-margin
{
    width:1003px;
    margin:auto;
    
    
}
  
  
  
  


#head-content
{width:923px;
 margin:auto;
 
 
    
}

.clearfix:after {
content: " ";
visibility: hidden;
display: block;
height: 0;
clear: both;
}

#menu-box 
{
float: left;
width: 370px;
}

.content_item 
{
    
width: 530px;
margin-top: 20px;
margin-bottom: 20px;
float:left;
margin:5px;
}

.notice-over
{
    position:absolute;
    left: 140px;
top: -28px;
}


.notice-box ul
{
    padding:0px;
    list-style-type:none;
    margin:0px;
}

.notice-box ul li
{
    margin-top:20px;
   
}

.notice-box ul li a
{
   font-size:13px;
   color:#c35b10;;
}


.notice-box
{
    
    marquee-direction:top;
    
    float: left;
width: 330px;
height: 212px;
margin: 5px;
padding: 40px 60px;
    background-image:url('../images/notice.png');
}

.content_item p
{
    font-size:18px;
    color:grey;
    
    
}

p em
{
    color:rgb(83, 192, 221);
}

h1 em {
color: #eb562d;
font: normal 100% Arial, Helvetica, sans-serif;
text-shadow: 0px 1px 0px #CCC;
letter-spacing: -1px;
margin: 0 0 10px 0;
}

h1, h2, h3, h4, h5, h6 {
font: normal 175% Arial, Helvetica, sans-serif;
color: #1162CB;
text-shadow: 0px 1px 0px #CCC;
letter-spacing: -1px;
margin: 0 0 10px 0;
}

.sub-logo
{
    position: relative;
top: -48px;
left: 270px;
}

.menu-holder
{
    margin-top:10px;
    background-color: rgb(114, 210, 235);
border-radius: 10px 10px 0px 0px;
}



.menu-outer-container
{
    width:700px;
    margin:auto;
}


.option
{
    margin-top: 0px !important;
    width:700px !important;
    height:63px !important;
    margin:auto;
    
}


#logo-box 
{
float: left;
width: 548px;
    background-image: url('/images/smartlogo.jpg');
    background-color:White;
    
    background-repeat:no-repeat;
    background-position-x: center;
    height:130px;
    margin:auto;
    border-radius:5px 5px;
    border-top-left-radius: 0px;
border-top-right-radius: 0px;
    -webkit-box-shadow: 0px 2px 8px 1px rgba(45, 45, 45, 0.38);
    box-shadow: 0px 2px 8px 1px rgba(45, 45, 45, 0.38);
}

#square-box ul
{
    width:100%;
     list-style-type:none;
    
}

#square-box ul li
{
    width:320px;
    float:left;
}

.square-link-box
{
    background-image:url('../images/home-button.png');
    background-repeat:no-repeat;
    height:80px;
    width:100%;
    
}

#square-box a
{
    float: left;
display: inline;
width: 274px;
height: 62px;
line-height: 62px;
text-align: center;
text-transform: uppercase;
text-decoration: none;
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
vertical-align:baseline;
}

.no-arrow-square-link-box
{
    background-image:url('../images/no-arrow-home-button.png');
}

#square-box a:hover
{
background-position: 0 -62px;
}


.image-logo
{
    border-radius:5px 5px;
    border-top-left-radius:none;
    border-top-right-radius:none;
}




.contact-box
{background-color:Aqua;
 width:300px;
 float:right;
 height:40px;
    
}

.menu-container
{
    width:580px;
    height:30px;
    float:left;
    margin-top:15px;
    padding-left:10px;
}

p.big-dialog
{
    padding: 0px;
font-size: 39px;
color: #333333;

padding-bottom: 10px;
padding-left: 25px;
line-height: normal !important;
font-weight:bold;
}

.logo
{
    
}

.notice-section
{
    position:relative;
    float:left;
}

#dialog-box
{
    position:relative;
    margin-top: 30px;
}

.menu-container > ul
{ 

display: block;
list-style-type:none;
padding:0px;
margin-left:20px;

}

.contact-box
{
    float:right;
    width: 340px;
    
height: 40px;
background: #0F8ABD;
text-align: center;
line-height: 40px;
color: #ffffff !important;
font-weight: bold;
font-size: 24px;
border-radius: 0px 0px 5px 5px;
-moz-border-radius: 0px 0px 5px 5px;
-webkit-border-radius: 0px 0px 5px 5px;
    
}

#container
{
   width:1003px;
    margin:auto;
    margin-top:50px;
    border-top:1px solid black;
}

.no-margin
{
    margin-top:0px !important;
}



.hindi-logo
{
    position: relative;
font-size: 25px;
color: rgb(194, 58, 194);
left: 132px;
top: 65px;
width: 390px;
display: none;
}

.menu-container ul > li
{
    text-align:center;
    width:90px;
    float:left;
    height:37px;
    
    padding-top:10px;
    margin-right:10px;
    margin-top: 16px;
    background-color: rgb(114, 210, 235);
    
}

.menu-container ul > li:hover
{
    background-color: rgb(255, 123, 154);
border-radius: 10px 10px 0px 0px;
}

.menu-container ul >li a
{
    float: left;
display: inline;
height: 37px;
text-transform: uppercase;
color: #FFFFFF;
font-size: 15px;
font-weight: bold;
padding: 0px 9px;
text-decoration: none;


}

#hand-writen-dialog
{
    width:100%;
    height:40px;
    font-size:30px;
    text-align:center;
}


#circulating-menu-list ul
{
    width:100%;
    list-style-type:none;
    
    
}

#circulating-menu-list ul li
{
    width:150px;
    height:150px;
    float:left;
    margin-right: 4px;
    
    transition: width 2s ease 0s, height 2s ease 0s, transform 2s ease 0s;
-webkit-transition: width 2s, height 2s, -webkit-transform 2s;
}

#circulating-menu-list  ul li:hover
{
    transform: rotate(360deg);
-webkit-transform: rotate(360deg);

background-position: 0 -200px;
   
background-position: 0 -200px;
}

#circulating-menu-list ul li:hover a
{
    height:200px;
}


#icon-sms-marketing
{
 background:url('../images/removingicon1.png') no-repeat;

}
#icon-website-designing
{
 background:url('../images/removingicon4.png') no-repeat;

}
#icon-logo-designing
{
 background:url('../images/removingicon6.png') no-repeat;

}
#icon-printing
{
 background:url('../images/removingicon5.png') no-repeat;

}
#icon-digital-marketing
{
 background:url('../images/removingicon3.png') no-repeat;

}

#icon-database
{
    background:url('../images/removingicon2.png') no-repeat;
}

/* Define alternate background colors for rows */
table.datagrid tr:nth-child(even) {
    background-color: #f2f2f2;
}

table.datagrid tr:nth-child(odd) {
    background-color: #ffffff;
}

#circulating-menu-list  a
{
    
    width:150px;
    height:200px;
    line-height:100px;
    float: left;
display: inline;


vertical-align: baseline;
    
}

#text-menu ul
{
    width:100%;
    list-style-type:none;
    
}

#text-menu ul li
{
    width:150px;
    height:20px;
    float:left;
    margin-right: 4px;
    text-align:center;
}


#text-menu ul >li  a
{
    float: left;
display: inline;
height: 37px;

text-decoration: none;
color:Black;




}

#box-items 
{
    
    margin-top:50px;
    border-top:1px solid rgb(188, 188, 188);
    display:block;
}

#box-items ul
{
    width:100%;
    list-style-type:none;
    margin-top:30px;
    display:block;
}


#box-items ul li
{
    display: inline;
    width:280px;
    
    float:left;
    margin-left:15px;
    margin-right:15px;
    position: relative;
    
}

.items
{
    
    box-shadow:0px 1px 5px 0px #787878;
    -webkit-box-shadow:0px 1px 5px 0px #787878;
    
    width:250px;
    border-radius: 5px;
    position: relative;
    
}

.items h2
{
    
    display:block;
font-size: 17px;
color: #2f2f2f;
text-align: center;
height: 41px;
line-height: 41px;
padding-bottom: 7px;
text-transform:uppercase;
    
}

.overlaped-dialog
{
background-color: rgba(0, 0, 0, 0.71);
width: 200px;
position:absolute;
min-height: 55px;
bottom: 0px;
text-decoration: none;
color: #FFFFFF;
font-weight: bold;
font-size: 15px;
padding:5px;


    
}

.overlaped-dialog:hover
{
    background-color:rgba(4, 0, 0, 0.52)
}



#box-with-background-image
{
    height:210px;
    width:210px;
    margin-left:20px;
    margin-right:20px;
    background-color: rgb(215, 215, 218);
    position:relative;
    background-image:url('../images/students.jpg');
    background-repeat:no-repeat;
}

#box-with-background-image2
{
    height:210px;
    width:210px;
    margin-left:20px;
    margin-right:20px;
    background-color: rgb(215, 215, 218);
    position:relative;
    background-image:url('../images/skills.jpg');
    background-repeat:no-repeat;
}


#box-with-background-image3
{
    
    height:210px;
    width:210px;
    margin-left:20px;
    margin-right:20px;
    background-color: rgb(215, 215, 240);
    position:relative;
    background-image: url('../images/collage.jpg');
background-size: 210px 200px;
    background-repeat:no-repeat;
    
}

.items > a
{
    text-decoration:none;
    font-size:15px;
    font-weight:bold;
    text-align:center;
    padding-top:10px;
    line-height:40px;
    position:relative;
    margin-left:20px;
    color: rgb(21, 149, 215);
    
}

.items > a:hover
{
    color:rgb(127, 194, 229);
}


#footer
{
    
    background-color:black;
    width:100%;
    
    padding-top:60px;
    margin-top:80px;
    
    
}

.level-maker
{
    width:960px;
    margin:auto;
    
}

#links
{
    
    width:700px;
    float:left;
    
}

#links ul
{
    width:225px;
    float:left;
    margin:auto;
    display:block;
    padding:2px;
    
    list-style-type:none;
}

#links > ul a
{



padding: 0px 9px;
text-decoration: none;
color: #FFFFFF;
font-size: 15px;

    
} 


#links > ul a:hover
{
    color:#63BBF0
}

#contact-footer
{
    
    width:200px;
    height:100px;
    background-color:rgba(138, 140, 138, 0.43);
    float:left;
    
}

#copyrightinfo
{
    width:100%;
    float:left;
    color:#5D5D5D;
    font-size:16px;
    font-weight:700;
    margin-bottom:30px;
    margin-top:20px;
}

#copyrightinfo ul
{
    display:block;
    width:100%;
    list-style-type:none;
    float:left;
    padding-top: 20px;
}

#copyrightinfo ul li
{
    display:inline;
    width:auto;
}

#copyrightinfo a
{
    
text-decoration: none;
color: #A7A7A7;
font-size: 15px;
font-weight:bold;
}

#copyrightinfo a:hover
{
    color:White;
}


#links > ul li
{
    margin-top:3px;
}

.first-upper
{
    font-size:17px;
    margin-bottom:10px;
    font-weight:bold;
}


#left-menu
{
    float:left;
    width:230px;
    padding-top:20px;
    
}


#left-menu ul
{
     list-style-type: none;
padding-right: 0px;
padding-left: 10px;
     
}

#left-menu ul li
{
    padding-top:10px;
    padding-bottom:10px;
    border-bottom:1px solid #CDCDCD;
}

#left-menu a
{
    font-size:23px;
    
    color:#4FB4DE;
    text-decoration:none;
}

#left-menu a:hover
{
    color:grey;
}

#center-details
{
    width:440px;
    float: left;
margin-left: 10px;
margin-top: 30px;
font-size: 13px;
color: #7F7F7F;

    
    
}

#center-details div
{
    
    
}

ul.our-services li
{
    line-height:15px;
}

#center-details ul
{
    width:100%;
    list-style-type:square;
    padding-left:17px;
}

#center-details > ul li
{
    width:100%;
    margin:10px;
    margin-left:0px;
    line-height:25px;
    margin-top:0px;
}




#center-details h1
{    
font-size: 29px;
font-weight: normal;
color: #545456;
border-bottom: 1px solid #D9D9D9;
text-transform: none;
margin:0px;

padding: 0px;
padding-bottom: 9px;
margin-bottom:10px;
    
}

#center-details h2
{
    font-weight:normal;
    padding-bottom: 7px;
font-size: 22px;
color: #7F7F7F;
vertical-align:baseline;
        
}

#center-details p
{
    margin: 0px;
padding: 0px;
padding-bottom: 14px;
line-height: 22px !important;
color: black;
font-size: 16px;
}

#center-details  > ul li a
{
    color:#41B1C9;
    text-decoration:none;
    
}

#center-details > ul li a:hover
{
    color:#3A90CE;
}

.active
{
    background-color: rgb(114, 210, 235);
border-radius: 10px 10px 0px 0px;
}

#center-details ul.clients
{
    list-style-type:none;
    width:100%;
}


/*Client Page designing*/
ul.clients li
{
    width:180px;
    margin:20px;
    float:left;
    box-shadow: 0px 1px 5px 0px #787878;
-webkit-box-shadow: 0px 1px 5px 0px #787878;
}




/*sms marketing page styles*/


#center-details div.quote
{
 border:none;
    margin-top:15px;  
    padding:auto;
    padding-top:5px;
    background-color:#F2F2F2;
}

.quote p
{
    font-size:20px;
    font-style:italic;
    
    padding-top:5px; 
}

.black-heading
{
    color:Black;
    font-size:17px;
    font-weight:bold;
    display:inline;
    
}
    
#advantage ul
{
    list-style-type:none;
    
}   

#advantage ul li
{
    margin-left:15px;
    margin-top:20px;
    font-size:17px;
} 
#orange
{
    background: -webkit-linear-gradient(rgb(255, 117, 0), rgb(198, 147, 29)); /* For Safari */
background: -o-linear-gradient(rgb(255, 117, 0), rgb(198, 147, 29)); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(rgb(255, 117, 0), rgb(198, 147, 29)); /* For Firefox 3.6 to 15 */
background: linear-gradient(rgb(255, 117, 0), rgb(198, 147, 29)); /* Standard syntax */

    margin-bottom:20px;
    padding:10px;
    padding-top:0px;
}



#whatyoucando
{
    
    
}
#whatyoucando ul
{
    width:100%;
}


#whatyoucando ul li
{
    list-style-image:url('../images/arrow.png');
    margin-left:20px;
    width:40%;
    float:left;
    color:White;
    font-size:18px;
    margin-bottom:10px;
}

#whatyoucando h2
{
 
 border-bottom:3px solid white;   
    color:White;
    font-weight:bold;
    
}

#packages h2
{color: orange;
background-color: rgb(255, 220, 226);
width: 250px;
padding: 10px;
margin-left:20px;
text-shadow: 0px 1px 2px black;
border-radius: 5px;
}

#center-details p.round-heading
{
   padding: 10px;
   
text-shadow: 0px 1px 2px black;
border-radius: 5px;
color:Black;
font-size:20px; 
letter-spacing: 1px;
}

.yellow
{
    background-color:rgb(255, 188, 0);
}



table
{
    border-spacing:0px;
    
}



tr.bold
{
    font-weight:bold;
    text-align:center;
    color:Black;
    font-size:17px;
}



    



tr
{
    
    text-align:center;
    font-weight:600;
    font-size:18px;
}

td
{
 
 
    padding-left:2%;


}

.light-green
{
    background-color:Lime;
}

.terms
{
    box-shadow: 0px 1px 5px 0px #0B0000;
-webkit-box-shadow: 0px 1px 5px 0px;
background-color: #CECECE;
padding: 10px;

}

#center-details div.terms
{
    border-bottom:none;
}


.red
{
    background-color:rgb(203, 112, 112);
}

#center-details .terms ul
{
    list-style-type:none;
    
}

.terms ul li
{
    
    font-size:20px;
    color:Black;
    
}



.terms h3
{

   font-size:20px;
   color:Black;
   font-weight:bold; 
}


.fixed-demo
{
position:fixed;
right:0px;
bottom:0px;
}

#center-details h2.header-blue
{
color:#01B9B2;
font-weight:bold;

}

#center-details p.Upper-yellow
{

font-size: 19px;
color: #EEA015;

}

#center-details ul.round-list
{

list-style-type:circle;
}


#center-details ul.round-list li
{

margin-top:5px;
line-height:21px;
font-size:16px;

}

#center-details ul.blue
{

color:rgb(24, 24, 168);
}

#center-details .quote p
{
font-size:20px;
line-height:18px !important;
}

#center-details p.red-header
{


color:red;
font-weight: bold;
font-family: arial sans-serif;
font-size:20px;


}

#center-details ul.arrowed-list
{

list-style-type:none;

}

#center-details ul.arrowed-list li
{

list-style-image: url('../images/triangle_blue.png');
line-height: 20px;
font-size: 18px;
padding-bottom: 10px;

}

#center-details ul.bold-black
{

list-style-type:none;
padding-left:0px;

}



ul.bold-black li
{
font-weight: bold;
margin-bottom: 20px;
line-height: 20px;
font-size: 17px;
color: black;



}

ul.bold li
{
font-weight:bold;
}

#center-details p.blue
{
color:rgb(24, 24, 168);

}

#center-details ul.pink-star
{

list-style-type:none;


}

#center-details ul.pink-star li
{

font-weight:bold;
font-size:18px;
list-style-image: url('../images/triangle_blue.png');

}
#center-details ul.pink-star li p
{
color:rgb(228, 92, 190);
}


#center-details p.green
{
color:green;
font-weight:bold;
font-size:18px;
}

#center-details p.pink
{
color:rgb(228, 92, 190);
font-weight:bold;
font-size:18px;
}

#center-details ul.add-delete
{
      list-style-type:none;
    
}

#center-details ul.add-delete li
{
    
    width: 180px;
    float:left;
}

#center-details ul.add-delete li.searchbox
{
    width: 290px;
    
}

tr
{
    text-align: center;
font-weight: 600;

}

.right
{
    float:right;
}

#center-details .nopadding
{
    padding:0px;
}

.search-textbox
{
    margin-left:10px;
    border:0px;
    vertical-align: top;
   width: 243px;
height: 30px;
}

/*main notice page*/
.notice
{
    
    margin-top:30px;
    min-height:500px;
}

.notice-details
{
    border:2px solid rgb(156, 156, 240);
    border-radius:10px;
    margin:10px;
    padding:10px;
}

.notice ul
{
    list-style-type:none;
}

.notice ul li
{
    padding:10px;
}

.notice ul li a
{
    font-size:20px;
    font-weight:700;
}

.notice ul li a:hover
{
    color:Red;
}

.page-title
{
    background-color:rgb(252, 205, 231);
    border-radius:0px 0px 5px 5px;
     padding:5px;
    padding-left:15px;
    
}

.certificate-details
{
    
    border:3px solid rgb(190, 190, 238);
    background-color:rgb(242, 242, 243);
    min-height:400px;
    margin-top:5px;
    
}

.certificate
{
    
}

.certificate-table
{
    width:940px;
    margin:auto;
    margin-top:30px;
}

.courseList
{
    text-align:center;
    margin-left:10%;
    min-height:300px;
    
}

#gv_stydycenterList td
{
    height:35px;
    padding:5px;
    
}



.certificate-table td
{
   
   padding:10px;
   font-size:20px;
   text-align:right;
   width:25%;
}

.certificate-table td.left
{
    text-align:left;
    color:rgb(94, 156, 236);
    
    text-shadow:1px 1px 0px rgb(0, 133, 111);
    letter-spacing:1px;
    text-transform:uppercase;
}

#center-details .about-details p.pink
{
    
    color:rgb(179, 12, 132);
}


.heading-style
{
    background-color:rgb(248, 157, 168);
    border-radius:5px;
    padding:6px;
    color:rgb(104, 103, 105) !important;
    font-size:24px !important;
    
}



#center-details .about-details p
{
    

font: normal normal 1.4em/1.4 tahoma,sans-serif;
color: rgb(38, 80, 64);
line-height:28px !important;
    
}



.thumb-list
{
    list-style-type:none;
    padding:0px;
    margin-top:10px;
    
    
}

.thumb
{
   list-style-type:none;
   float:left;
   width:20%;
   margin-left:3%;
   text-align:center;
   margin-top:30px;
}


.thumb-image
{
    width:150px;
    height:150px;
    border:2px double grey;
    border-radius:5px;
    box-shadow:0px 0px 8px 4px rgb(133, 132, 132);
    
}