﻿
.outbody
{
    padding-left: 40px; padding-right: 40px; width: 1000px; padding-top: 30px;background: white; 
 margin-left:auto;
margin-right:auto;
}

.top-header 
{
    display: inline-block; width: 950px;
}

.logo
{
    width: 130px; height: 63px; float: left;
   
}




.imagebox
{
    width: 950px;
    height: 366px;
    float : left;
}

/*.but-bg-prim
{
    background: none;
    border: 1px solid #00ACCD !important;
    color: #FFFFFF !important;
}*/
.but-bg-prim {
    color: #fff !important;
    border: 1px solid #03656e  !important;
    background: #03656e !important;
    background-image : none !important;
}


.but-bg-info {
    background: #00accd !important;
    background-image : none;
    border : none;
    width: 90px;
    /*background-image: -webkit-gradient(linear, left top, left bottom, from(#60c0e0), to(#2f8cab)) !important;
    background-image: -webkit-linear-gradient(top, #60c0e0, #2f8cab) !important;
    background-image: -moz-linear-gradient(top, #60c0e0, #2f8cab) !important;
    background-image: -ms-linear-gradient(top, #60c0e0, #2f8cab) !important;
    background-image: -o-linear-gradient(top, #60c0e0, #2f8cab) !important;
    background-image: linear-gradient(top, #60c0e0, #2f8cab) !important;*/
}

.midbody
{display: inline-block; width: 950px;}

.input-bg-color{ background-color: #0AABC7;}

.login-btn{
    color: #fff;
background-color: #0AABC7;
border-color: #46b8da;
display: inline-block;
font-weight: 400;
text-align: center;
vertical-align: middle;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
white-space: nowrap;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
border-radius: 4px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
     /*display:inline-block;
    font-size:14px;
    font-weight:bold;
    text-decoration:none;*/
  
}



.lang-box {
    float:right;
    position:relative;
    z-index:0;
    width:190px;
    margin: 0 20px 0 0;
     margin-top: inherit;
}

.lang-middot {
	padding:0 4px 0 8px;
    vertical-align:middle;
    text-align:center;
    font-size:24px;
    color:#999999;
}
.lang-dot {
    padding:8px 6px 0 8px;    
}

.lang-select {
     margin: 22px 0 5px 50px;
	font-size:12px;
    font-family:@lang-select-font;
    text-align:left;
    margin-left: 0;
   
}
.lang-select select {
    width:172px;    
}

.lang-inactive, .lang-inactive:link, .lang-inactive:visited {
	
	text-decoration:none;
    color:black !important;
}

 
.lang-inactive:hover, .lang-inactive:focus, .lang-inactive:active {
    color:#999999 !important;
	text-decoration:underline;
}


.lang-active {
    display:inline-block;
    vertical-align:middle;
    text-align:left;  
	color:#ffffff !important;
    letter-spacing:1.2px;
    line-height:14px;
    text-decoration:none;
    margin:0;
    height:16px;
    cursor:default;
    background-color: #00ACCD;
    padding: 5px 10px 5px 10px;
    background-image : none;

}

.learnMore
{
     background-image: url(/themes/MS360/images/dedicated/MSUN/learn_more.png); 
     width : 160px;
     height : 40px;
     
}

.msun-learn-more
{
    float: left;
/* margin-left: 200px; */
/* margin-top: 80px; */
padding-top: 70px;
padding-left:52px;
float: left;
padding-right: 250px;
height: 150px;
}

.but-msun-learn-more
{
    height: 20px;
    width: 150px;
    font-size: large;
}

.but-white .but-arrow-white-r,  .but-msun-learn-more-r
{
    margin: 0 0 4px 15px;
    width: 10px;
    height: 18px;
    background: url(/themes/ms360/images/list-arrow-white-msun.png) no-repeat center center;

}
.link-but:link, .link-but:visited,.but-msun-tool
{
   font-size: 14px;
 font-weight: normal; 
 color : black;
}
.but-white:hover, .but-white:focus, .but-hover, .but-hover:hover {
background-color: #03656e !important;

}
.but-bg-info:hover, .but-bg-info:focus, .but-bg-info.but-hover {
background-color: #2f8cab !important;
background-image: none !important;
}

.input-text:hover, .input-area:hover, .input-select:hover, .input-file:hover {
    border: 1px solid #00ACCD;
}
.input-focus, .input-text:focus, .input-area:focus, .input-select:focus, .input-file:focus
{
    border: 1px solid #00ACCD;
}
.auth-box-msun
{
    margin-right:16px;
    float: right;
    width: 225px;
    height: 64px;
    margin-top: 22px;
    border: 1px solid #dbdbdb;
    border-radius: 2px;
    background-color: white;
}

