﻿/*Change Layout4  Add Background */
body
{
    margin: 0px;
	
}
/* Change Layout4 -- Align Center */
.align1
{
   text-align: left;
}
/* Change Layout4 -- Align Center */
.align2
{
   text-align: right;
}

/* Main Tables  */
/* Change Layout4 -- Remove background Colour*/
.table
{
    
    width: 100%;
    height: 100%;
    direction: rtl;
    background:url(http://sms.cc/images/page-bg.gif) repeat-x;
}
.table-td-top
{
    width: 100%;
    vertical-align: top;
}
/* Change Layout4 Colour */
.table-td-content{
    width: 100%;
    height: 80%;
    vertical-align: top;
}
/* Change Layout4 Colour */
.table-td-bottom
{
    width: 100%;
    height: 115px;
    vertical-align: top;
}

/* Top Panel */
.logo-td
{
    padding-right: 44px;
    padding-top: 10px;
    width: 50%;

}
.banner-td
{
    width: 50%;
    vertical-align: top;
}
.banner-height
{
    height: 60px;
}
/* Option 3 Changes Made changes in Background Images Removed */
.langauage-panel
{
    height: 23px;
    font-family: Tahoma,Arial;
    font-size: 11px;
    color: #FFFFFF;
    font-weight: normal;
    text-decoration: none;
    padding-left: 30px;
    vertical-align: middle;
	border-bottom:#b0b6ba 1px solid;
	border-left:#b0b6ba 1px solid;
	border-right:#b0b6ba 1px solid;
}

/* Top Menu */
/* Change Layout4 Colour */

A.topmenu:hover{
    color: #2982cd;
}

/* Change Layout4 Remove background Colour*/
.topmenu{
    font-family: Tahoma,Arial;
    font-size: 11px;
    color: #333333;
    font-weight: bold;
    text-decoration: none;
    padding-left: 8px;
    padding-right: 8px;
	word-spacing:00px;
	
}

.topmenu-border
{
    border-bottom: #0087c0 1px solid;
}

/* Content Tables */
/* Option 3 Changes Made changes in Width */
.content-table
{
    width: 96%;
    height: 100%;
    vertical-align: top;
    padding:0px;
}
/* Option 3 Changes Made changes in Background colour & Width Size */
.content-login
{
    width: 197px;
    vertical-align: top;
}
.content
{
    vertical-align: top;
    padding-right: 10px;
}
/* Option 3 Added Padding Right */
.content-pad
{
    padding-left: 10px;
    padding-right: 10px;
    width: 100%;
    height: 100%;
}
.bor-login
{
    border: #d7d7d7 1px solid;
    padding-left: 3px;
}

/*Change Layout4  in Background colour 		*/
.bg-gray
{
    background-color: #faf8f0;
}


/*Change in font colour & added background image, padding & height	*/
.boldtext1
{
    font-family: Tahoma,Arial;
    font-size: 11px;
    color: #00A1E5;
    font-weight: bold;
    text-decoration: none;
}
A.boldtext2:hover
{
    color: #0075a6;
    text-decoration: underline;
}
.boldtext2
{
    font-family: Tahoma,Arial;
    font-size: 11px;
    color: #000000;
    font-weight: bold;
    text-decoration: none;
}
/* Change Layout4  colour   */
A.body-text:hover
{
    color: #2982cd;
}
.body-text
{
    font-family: Tahoma,Arial;
    font-size: 12px;
    color: #000000;
    font-weight: normal;
    text-decoration: none;
    line-height: 18px;
}
/* Change Layout4  colour   */
A.body-text-bold:hover
{
    color: #2982cd;
}
.body-text-bold
{
    font-family: Tahoma,Arial;
    font-size: 11px;
    color: #000000;
    font-weight: bold;
    text-decoration: none;
}
/* Change Layout4  colour   */
A.body-text-underline:hover
{
    color: #2982cd;
    text-decoration: underline;
}
.body-text-underline
{
    font-family: Tahoma,Arial;
    font-size: 12px;
    color: #000000;
    font-weight: normal;
    text-decoration: none;
}

/* Objects */
.textarea-ltr
{
    font-family: Tahoma,Arial;
    font-size: 12px;
    color: #000000;
    font-weight: normal;
    border: #7f7f7f 1px solid;
    direction: ltr;
}
.textarea-default
{
    font-family: Tahoma,Arial;
    font-size: 12px;
    font-weight: normal;
    color: #000000;
    border: 1px solid #687687;
}
/* Change Layout4  colour  background colour  */
INPUT.button
{
    font-family: Tahoma,Arial;
    font-size: 11px;
    color: #FFFFFF;
    font-weight: bold;
    border-right: #0087c0 1px solid;
    border-bottom: #0087c0 1px solid;
    border-top: #aad3f0 1px solid;
    border-left: #aad3f0 1px solid;
    background-color: #00a1e5;
    height: 20px;
    cursor: pointer;
}
.sms-drop-down1
{
    font-family: Tahoma,Arial;
    font-size: 12px;
    color: #000000;
    direction: ltr;
}
.sms-drop-down2
{
    font-family: Tahoma,Arial;
    font-size: 12px;
    color: #000000;
    direction: rtl;
}
.paging-drop-down
{
    font-family: Tahoma,Arial;
    font-size: 11px;
    color: #000000;
    direction: ltr;
}   

/* Footer  */
/* Change Layout4  Remove Border top & bottom  */
.footerlinks
{
    font-family: Tahoma,Arial;
    font-size: 11px;
    color: #445b75;
    font-weight: bold;
    height: 43px;
    width: 100%;
    line-height: 18px;
}
.footercolor
{
    background-color: #00a1e5;
    width: 7px;
}
/* Change Layout4  background-colour to background  */

.footerbg
{
    background:url(http://sms.cc/images/ar-Bottom-2.gif) repeat-x;
}
.footertext
{
    font-family: Tahoma,Arial;
    font-size: 11px;
    color: #445b75;
    font-weight: normal;
    height: 72px;
    width: 97%;
    line-height: 18px;
}

/* Change Layout4.1  background-colour to background  */

.menu-table
{
    width: 96%;
    height: 100%;
    vertical-align: top;
	margin-top:10px;
}
.content-table-sub
{
    width: 100%;
    height: 100%;
    vertical-align: top;
}
.border-left
{
    border-left: #eaeaea 1px solid;
    vertical-align: top;
    padding-left: 20px;
}

/* User Information */
.userinfo
{
    background-color: #e5f5fc;
    height: 27px;
    padding-left: 10px;
    padding-right: 10px;
}

/* Site Path */
.sitepath-border
{
    border-bottom: #eaeaea 1px solid;
}
A.sitepath-text:hover
{
    text-decoration: underline;
}
.sitepath-text
{
    font-family: Tahoma,Arial;
    font-size: 11px;
    color: #445b75;
    font-weight: normal;
    text-decoration: none;
}
/* Change Layout4  background-colour   */
.sms-title
{
    font-family: Tahoma,Arial;
    font-size: 11px;
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
    background-color: #00a1e5;
    padding-right: 5px;
}
/* Change Layout4  background-colour   */
.sms-header
{
    font-family: Tahoma,Arial;
    font-size: 11px;
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
    background-color: #7fd0f2;
    border-left: #7fd0f2 1px solid;
    border-right: #7fd0f2 1px solid;
    height: 24px;
}
/* Change Layout4  background-colour   */
.sms-footer
{
    font-family: Tahoma,Arial;
    font-size: 11px;
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
    background-color: #7fd0f2;
    padding-right: 10px;
    line-height: 18px;
    height: 5px;
}
.sms-border
{
    border-left: #CCCCCC 1px solid;
    border-right: #CCCCCC 1px solid;
}
/* Change Layout4  background-colour   */
.sms-row-1
{
    background-color:#FFFFFF;
    height: 23px;
    border-bottom: #bebebe 1px dashed;
    padding-right: 5px;
    padding-left: 5px;
}
/* Change Layout4  background-colour   */
.sms-row-2
{
    background-color:#f9f9f9;
    height: 23px;
    border-bottom: #bebebe 1px dashed;
    padding-right: 5px;
    padding-left: 5px;
}
.sms-padding
{
    padding-left: 5px;
    padding-right: 5px;
}
/* Change Layout4  background-colour   */
.sms-st-text1
{
    font-family: Tahoma,Arial;
    font-size: 11px;
    color: #1d2c3b;
    font-weight: bold;
    text-decoration: none;
    background-color: transparent;
    line-height: 18px;
    padding-right: 5px;
    padding-left: 5px;
    background-color: #7fd0f2;
    border-left: #7fd0f2 1px solid;
    border-right: #bebebe 1px solid;
}
.sms-colour1
{
    font-family: Tahoma,Arial;
    font-size: 12px;
    color: #000000;
    font-weight: normal;
    text-decoration: none;
    background-color: #FFFFFF;
    height: 25px;
    padding-right: 5px;
    padding-left: 5px;
    border-bottom: #bebebe 1px dashed;
    border-right: #cccccc 1px solid;
}
.sms-colour2
{
    font-family: Tahoma,Arial;
    font-size: 12px;
    color: #000000;
    font-weight: normal;
    text-decoration: none;
    background-color: #f4f4f4;
    height: 25px;
    padding-right: 5px;
    padding-left: 5px;
    border-bottom: #bebebe 1px dashed;
    border-right: #cccccc 1px solid;
}
.sms-border-left
{
    border-left: #CCCCCC 1px solid;
}
.error-message
{
    font-family: Tahoma,Arial;
    font-size: 11px;
    color: #FF0000;
    font-weight: normal;
    text-decoration: none;
    background-color: #FFFFFF;
    line-height: 18px;
    height: 25px;
    padding-right: 5px;
    padding-left: 5px;
    border: #bebebe 1px dashed;
}
/* Change Layout4  colour   */

A.sms-link-bold:hover
{
    text-decoration: underline;
    color: #2982cd;
}
/* Option 3 Changes Made changes in colour */
.sms-link-bold
{
    font-family: Tahoma,Arial;
    font-size: 11px;
    color: #006a97;
    font-weight: bold;
    text-decoration: none;
    line-height: 18px;
}
/* Menu */
/* Option 3 Changes Made changes in colour */
.menu-title
{
    font-family: Tahoma,sans-serif;
    font-size: 11px;
    color: #00A1E5;
    font-weight: bold;
    text-decoration: none;
    height: 19px;
    padding-right: 5px;
    padding-left: 5px;
}
.menu-sub-title
{
    padding-right: 2px;
    padding-left: 5px;
    height: 20px;
}
.menu-padding-top
{
    padding-top: 15px;
}
/* Change Layout4  colour   */
A.menu-text:hover
{
    color: #2982cd;
    text-decoration: underline;
}
.menu-text
{
    font-family: Tahoma,Arial;
    font-size: 11px;
    color: #000000;
    font-weight: normal;
    text-decoration: none;
}

.print
{
    font-family: Tahoma,Arial;
    font-size: 12px;
    color: #000000;
    font-weight: normal;
    text-decoration: none;
    background-color: #FFFFFF;
    height: 25px;
    padding-right: 5px;
    padding-left: 5px;
}

/* Main Page */
.image-right
{
    background: url(http://sms.cc/images/delete-3.jpg);
    height: 130px;
}
.image-left
{
    background-color: #f4f4f4;
    height: 130px;
}
/* New css Added for template 1*/

/* Option 3 Changes Made changes in colour */
.mainpage-box
{
    background-color: #FFFFFF;
    border: #606d75 1px solid;
    padding-top: 10px;
    padding-bottom: 10px;
}
/* Option 3 Changes Made changes in colour */
.home-title {
font-family:Tahoma,sans-serif;
font-size:11px;
color:#e7371f;
font-weight:bold;
height:19px;
text-decoration:none;
}

.login-text {
font-family:Tahoma,sans-serif;
font-size:11px;
color:#FFFFFF;
font-weight:bold;
height:19px;
text-decoration:none;
}

.login-border {
border:#00a1e5 1px solid;
}

/* Change Layout4 text colour*/
.feature-text {
font-family:Tahoma,sans-serif;
font-size:11px;
color:#333333;
height:19px;
text-decoration:none;
padding-left:5px; 
padding-right:5px;
}

/* Change Layout4 Backgound image to colour & Font Colour*/
.boxheader
{
    font-family: Tahoma,Arial;
    font-size: 12px;
    color: #93633f;
    font-weight: bold;
    text-decoration: none;
	background:#faf8f0; 
	padding-left:5px; 
	height:20px;
}

.loginheader
{
    font-family: Tahoma,Arial;
    font-size: 11px;
    color: #93633f;
    font-weight: bold;
    text-decoration: none;
	padding-left:5px; 
	height:20px;
}

/* New css Added for template 3*/


.HeaderColour{
background:#606d75;
}
.ContentBackground{
background:#adb7be;
}
.MenuPadding{
padding-right:236px;
padding-left:16px;
}
.BottomPadding{
padding:0px 16px 0px 16px;
}
.BottomLeft{
background:#adb7be;
width:220px;
}
.BottomRight{
background:#FFFFFF;
}

A.body-text-white:hover{
color: #e7371f;
}
.body-text-white{
font-family: Tahoma,Arial;
font-size: 11px;
color: #FFFFFF;
font-weight: normal;
text-decoration: none;
line-height: 18px;
}

.FeatureHeader{
font-family: Tahoma,Arial;
font-size: 11px;
color:#FFFFFF;
font-weight: bold;
text-decoration: none;
padding-left:5px; 
height:30px;
}

A.MenuWhite:hover{
color:#333333;
}
.MenuWhite{
font-family: Tahoma,Arial;
font-size: 11px;
color: #FFFFFF;
font-weight:Bold;
text-decoration:none;
line-height:18px;
}


/* New Addtion in Layout4 */

.loginbg{
	font-family: Tahoma,Arial;
    font-size: 11px;
    color: #93633f;
    font-weight: bold;
    text-decoration: none;
	padding-left:5px; 
	height:20px;
	background:url(http://sms.cc/images/login-titlebg.gif) repeat-x bottom;
}

.orangetext{
	font-family: Tahoma,Arial;
    font-size: 11px;
    color: #fe8600;
    font-weight: bold;
    text-decoration: none;
	}

.featuretitle{
	font-family: Tahoma,Arial;
    font-size: 11px;
    color: #0d6eb7;
    font-weight: bold;
    text-decoration: none;
	border-bottom:#CCCCCC 1px solid;
	padding:3px 0px 3px 0px;
}
.featurepadding{
	padding:3px 0px 3px 0px;
}

.featureborder{
border-bottom:#d3d3d3 1px solid;
padding-bottom:2px;
}

#test .tabpage {
	HEIGHT: 200px
	}
/* Start Feature CSS */ 
#menu {
  margin:0; 
  padding:0; 
  height:16em; 
  overflow:hidden; 
  background:#FFFFFF;
  }
#menu li {
  list-style-type:none; 
  float:left; 
  display:block; 
  width:100%;
  }
#menu li a {
  display:block; 
  text-decoration:none; 
  color:#00b; 
  margin:0; 
  width:100%;
  }
#menu li a span {
  display:none; 
  color:#000;
  }
#menu li a.one span {
  display:block; 
  height:8em; 
  margin:0 10px;
  }
#menu li a:hover {
  background:#FFFFFF;
  }
#menu li a:hover span {
  display:block; 
  height:8em; 
  margin:0 10px; 
  cursor:pointer;
  }
#menu .h2 {
  margin:0 5px; 
  padding:0; 
  color:#808; 
  font-variant:small-caps; 
  font-size:1.5em; 
  border:0;
  }
#menu .h3 {
  margin:0 5px; 
  padding:0; 
  font-size:1.1em; 
  color:#00b;
  }
#menu img {
  margin:5px 5px 5px 0; 
  border:0px solid #FFFFFF; 
  float:left;
  }
.curved {
  width:100%;
  }
.curved .b1, .curved .b2, .curved .b3, .curved .b4  {
  font-size:1px; 
  display:block; 
  background:#88c;
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */ 
}
.curved .b1, .curved .b2, .curved .b3 {
  height:1px;
  }
.curved .b2, .curved .b3, .curved .b4 {
  background:#FFFFFF; 
  border-left:1px solid #FFFFFF; 
  border-right:1px solid #FFFFFF;
  }
.curved .b1 {
  margin:0 4px; 
  background:#88c;
  }
.curved .b2 {
  margin:0 2px; 
  border-width:0 2px;
  }
.curved .b3 {
  margin:0 1px;
  }
.curved .b4 {
  height:2px; 
  margin:0;
  }
.curved .c1 {
  margin:0 5px; 
  background:#FFFFFF;
  }
.curved .c2 {
  margin:0 3px; 
  border-width:0 0px;
  }
.curved .c3 {
  margin:0 2px;
  }
.curved .c4 {
  height:2px; 
  margin: 0 1px;
  }
.curved .boxcontent {
  display:block; 
  background:transparent; 
  border-left:1px solid #FFFFFF; 
  border-right:1px solid #FFFFFF; 
  font-size:0.9em; 
  text-align:justify;
  }
/* End Feature CSS */

