/* http://www.sameercore.com 
   v1.0 | 20160506
   License: single use (private domain)
*/

/* DEFAULT ELEMENTS */

html, body { width:100%; font-family:Arial; font-size:14px; color:#444; }

header { border-top: solid 10px #ffa400; margin-bottom:40px; padding-top:40px; }   

footer { height:200px; }

textarea { font-family:Arial; }

h1, h2, h3, h4 { font-weight:bold; color:#41687a; }  
h1 { font-size:36px; } 
h2 { font-size:30px; } 
h3 { font-size:24px; } 
h4 { font-size:21px; } 

a, a:link, a:visited { color:#38aae0; }
a:hover { color:#82888b; }


/* DEFAULT CLASSES */

div.account-status { width:165px; border:solid 3px #dedede; padding:15px; padding-bottom:25px; border-radius:3px; float:left; margin-right:15px; }
div.account-status div.img { text-align:center; font-weight:bold; }

.alert { padding:12px 5%; border:none; width:90.5%; background-color:#ababab; font-size:12px; color:#fff;font-weight:bold; margin-bottom:25px; }
.alert.danger { background-color:#dc6666; } 

.btn { padding:11px; border:none; width:100%; background-color:#ababab; font-size:14px; color:#fff;font-weight:bold; text-transform:uppercase; } 
.btn:hover { background-color:#999; cursor:pointer; }  
.btn.blue { background-color:#38aae0; }  
.btn.blue:hover { background-color:#1181b6; cursor:pointer; }  
.btn.green { background-color:#07bb37; }  
.btn.green:hover { background-color:#038a27; cursor:pointer; }  
.btn.red { background-color:#dc6666; }  
.btn.red:hover { background-color:#c13636; cursor:pointer; }  
.btn.amber { background-color:#ffa400; }  
.btn.amber:hover { background-color:#be8724; cursor:pointer; }  

.clearfix { clear:both; }

.err { font-size:11px; color:#ff0000; text-transform:uppercase; margin-bottom:6px; display:block; }

.fl { float:left; }
.fr { float:right; }

.txt { padding:10px 3%; border:solid 1px #b5babe; width:94%; font-size:14px; margin-bottom:15px; } 
.ddl { padding:10px 3%; border:solid 1px #b5babe; font-size:14px; margin-bottom:15px; width:100.5%; color:#444; } 

.modal { padding:50px; background-color:#fff; width:450px; height:250px; }
.modal h1 { font-size:36px; font-weight:bold; margin-bottom:15px; }
.modal p { font-size:14px; line-height:21px; height:120px; }
.modal input { width:45%; float:left; margin-right:20px; }
.modal-bg { background-color:rgba(0, 0, 0, 0.70); }

ul.list-basic { list-style:disc; margin:25px 15px; display:block; }
ul.list-basic li { margin:5px 0; }

.wrapper { width:1000px; margin:0 auto; }  


/* LAYOUT */

#main p { margin:15px 0; line-height:19px; width:90%; }

#main #login { width:300px; margin:0 auto; text-align:center; }  
#main #login i { font-style:normal; color:#999; font-size:12px; }  
#main #login img.logo { width:270px; }  

#main .nostyle label { display:initial !important; }

#main div.dashboard-header div { width:35%; }
#main div.dashboard-header div i { color:#41687a; font-style:normal; font-size:12px; }
#main div.dashboard-header div i a { color:#38aae0; }

#main div.boxes-full { border:solid 1px #dedede; width:95.15%; padding:2%; }

#main div.boxes-half > div { border:solid 1px #dedede; width:40%; padding:4%; float:left; min-height:100px; margin-bottom:30px; }

#main div.boxes-half img.logo { margin-bottom:25px; width:380px; border:solid 8px #dedede; }

#main div.boxes-half.info h4 { margin-bottom:25px; }  
#main div.boxes-half.info h5 { margin-bottom:5px; font-size:14px; font-weight:bold; color:#41687a; }  
#main div.boxes-half.info i { font-style:normal; color:#999; font-size:12px; text-align:center; display:block; margin:10px 0 35px; }  
#main div.boxes-half.info i span.red { color:#dc6666; } 

#main div.info label { font-size:11px; font-weight:bold; text-transform:uppercase; display:block; margin-bottom:5px; }
#main div.info .nostyle label { display:initial !important; }
#main div.info span { display:block; margin-bottom:15px; }

#main div.items-user-parents { width:95%; padding:15px 0; border-bottom:solid 1px #dedede; } 
#main div.items-user-parents a { display:block; text-decoration:none; }
#main div.items-user-parents a:hover h5 { text-decoration:underline; }
#main div.items-user-parents a h5 { font-size:18px; color:#38aae0; font-weight:bold; display:block; margin-bottom:4px; }
#main div.items-user-parents a h6 { font-size:12.8px; color:#41687a; display:block; margin-bottom:2px; text-decoration:underline; margin-bottom:6px; } 

#main div.items-search { width:95%; padding:20px; border-bottom:solid 1px #dedede; } 
#main div.items-search div.image { width:120px; border:solid 4px #dedede; height:67px; max-height:67px; float:left; margin-right:20px; background-image:url('../Images/sameercore-logo-design-final-transparent-72dpi.png');
                                   background-position:center; background-repeat:no-repeat; background-size:contain; } 
#main div.items-search div.image img { width:120px; height:67px; } 
#main div.items-search div.record { width:50%; float:left; } 
#main div.items-search div.record h5 { font-size:18px; color:#38aae0; font-weight:bold; display:block; margin-bottom:5px; }
#main div.items-search div.record h5 img { width:18px; height:18px; margin-bottom:-1px; }  
#main div.items-search div.record h6 { font-size:12.8px; color:#41687a; display:block; margin-bottom:2px; text-decoration:underline; margin-bottom:6px; } 
#main div.items-search div.record i { font-size:12px; color:#82888b; font-style:normal; display:block; margin-bottom:3px; } 
#main div.items-search div.record i b { color:#6d7478; font-weight:bold; } 
#main div.items-search div.record i a { color:#ce55f1; text-decoration:underline; } 
#main div.items-search div.controls { width:30%; float:right; } 
#main div.items-search div.controls input { width:45%; float:left; margin-right:3%; margin-top:15px; } 

#main .view-record { width:90%; }
#main .view-record h3 { margin-bottom:30px; }
#main .view-record h3 span { color:#82888b; display:block; font-size:12px; font-weight:normal; margin-top:8px; }
#main .view-record h3 span a { display:inline-block; }
#main .view-record h5 { margin:30px 0 12px; font-size:16px; text-decoration:underline; font-weight:bold; }
#main .view-record i { display:block; color:#82888b; font-style:normal; margin-bottom:8px; }
#main .view-record p { font-size:12px; margin:5px 0; }
#main .view-record a { display:block; margin-bottom:5px; }

#main div.terms { margin-bottom: 75px; }
#main div.terms h3,
#main div.terms h4,
#main div.terms h5 { margin-bottom:20px; }

#main div.terms ul { margin:30px; }
#main div.terms ul li { list-style:disc; margin-bottom:3px; }