﻿.ImageFlag 
{margin:5px;
 height : 20px;
 width:20px;
}
.igg_CustomPager 
{
  font:14px Arial, Helvetica, sans-serif;  
  /*font-size: 14px;*/
    margin-right: 30px;
    background-color: white; /*#b7cac8;*/ /*#c4d2d5;*/
    text-align: center !important;
    vertical-align: middle !important;
    background-position: 0 0px;
}

.openframe {
  text-shadow: 3px 3px 5px #577178;
  width: auto;
}

.newsrow {
	padding:10px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

.column {
	/*width:154px;*/
	/*float:left;*/
	margin:0px 50px 0px 0px;
	background:url(../images/columnbg.gif) left top repeat-y;
	text-align:center;
}

.column1 {
	/*width:154px;*/
	/*float:left;*/
	margin:0px 0px 0px 0px;
	background:url(../images/columnbg.gif) left top repeat-y;
	text-align:center;
}

.columntop {
	background:url(../images/columntop.gif) left top no-repeat;
}

.columnbottom {
	background:url(../images/columnbottom.gif) left bottom no-repeat;
	padding:7px;
}

.clear {
	clear:both;
	margin:0px;
	padding:0px;
}

.newsimg {
	float:left;
	padding:3px 10px 50px 0px;
}

.secondheading {
	font:bold 13px Arial, Helvetica, sans-serif;
	color:#000000;
	padding:0px;
	margin:0px;
}

.welcomeheading {
	padding:0px 0px 10px 0px;
}
/*	background:url(../images/welcomeicon.gif) 0px 5px no-repeat;*/

.newsheading{
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#20365e
}

.bannerblock {
	padding:57px 25px 0px 300px;
	color:#c7eef5;
}

.bannerheading {
	display:block;
	font:20px Trebuchet MS, Arial, Helvetica, sans-serif;
	color:#fff;
	padding:0px 0px 10px 0px;
  width: 278px;
}

.loginzone {
	background:#577178;
	border:1px dashed #b8c6ad;
	padding:10px;
	margin:0px 0px 0px 0px;
}

.login label {
	font:12px Trebuchet MS, Arial, Helvetica, sans-serif;
	color:#cbedf3;
	padding:7px 0px 10px 0px;
	margin:0px 5px 0px 0px;
	float:left;
  height: 19px;
}

.lblSubscript{
	font:10px Trebuchet MS, Arial, Helvetica, sans-serif;
	color:gray;
  padding-bottom: 2px;
  margin-bottom: 2px;
}

.LblLogin{
	font:12px Trebuchet MS, Arial, Helvetica, sans-serif;
	color:#cbedf3;
	padding:7px 0px 10px 3px;
	margin:0px 5px 0px 0px;
	float:left;
  height: 15px;
}

.TDSeparator
{
  width: 5px;
}

.TxtLabelLight{
	border-style: none;
  border-color: inherit;
  border-width: medium;
  font: 14px Trebuchet MS, Arial, Helvetica, sans-serif;
  color:#ffffff;
	padding:3px 0px 0px 15px;
  margin: 0px 7px 0px 0px; 
	float:left;
  background-color: transparent;
  text-align: right;
}

.TxtLabelInfo{
	font:12px Trebuchet MS, Arial, Helvetica, sans-serif;
	color:#cbedf3;
	float:left;
  height: 15px;
  background-color: transparent;
  width: auto;
  border: none;
}

.TxtLabelWarning{
	font:14px Trebuchet MS, Arial, Helvetica, sans-serif;
	color: red;
	float:left;
  height: 15px;
  background-color: transparent;
  width: auto;
  border: none;
}

.MemberLogin{
 font:17px Trebuchet MS, Arial, Helvetica, sans-serif;
	color:#ffffff;
	/*background:url(../images/loginicon.gif) 0px 5px no-repeat;*/
	float:left;
}

.txtLogin{
	border-style: none;
  border-color: inherit;
  border-width: 0px;
  background:#abc1c6;
	float:left;
	vertical-align: middle;
	margin:5px 5px 0px 0px;
  Height:15px;
}

.btnLogin
{
  padding:0px 0px 0px 0px;
  float: right;
  height :20px
}

.login input.button1 {
	float:left;
	margin:8px 0px 0px 0px;
}

.readmore {
	background:url(../images/hline.gif) 0% 60% repeat-x;
	text-align:right;
	margin:10px 0px 0px 0px;
}

.readmore a {
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#681e04;
	text-decoration:none;
	text-align:right;
	background:#fff;
	padding:0px 0px 0px 5px;
}

.readmore a:hover {
	color:#000;
}

.linkLight {
	font:11px Arial, Helvetica, sans-serif;
	color:blue;
	text-decoration:none;
}

.linkLight a {
	color:yellow;
}


.listlink li {
	background:url(../images/disc.gif) 0px 10px no-repeat;
	border-bottom: 1px dashed #000066;
	padding:5px 0px 7px 22px;
	margin:0px 0px 15px 0px;
  list-style:none;
  color:#000066;
}

.listlink li a {
	font-size:13px;
	color:#000066;
	text-decoration:none;
}

.listlink li a:hover {
	/*color:#000;*/
}

/*color:#505f45;
		text-decoration:underline;*/


.txtRoundCorners {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

.topmenu li {
	display:block;
	float:left;
	background:url(../images/menudevider.gif) left top no-repeat;
	padding:0px 0px 0px 0px;
	margin:0px;
  height: 12px;
}

.usermenu li {
	display:inline;
	background:url(../images/disc.gif) 0px 3px no-repeat;
	border-bottom:1px dashed #000066;
	padding:2px 0px 5px 22px;
	margin:0px 0px 2px 0px;
  list-style:none;
  color:#000066;
}

.topmenu li a {
	font:bold 14px Arial, Helvetica, sans-serif;
	/*font:bold 2vm Arial, Helvetica, sans-serif;*/
	color:#fff;
	text-decoration:none;
	/*text-transform:capitalize;*/
	display:block;
	float:left;
	/*padding:0px 5px 0px 0px;*/
	padding:0px 0px 0px 0px;
}

.topmenu li a span {
	display:block;
	float:left;
	padding:0px 10px 15px 10px;
	cursor:pointer;
}

.topmenu li a:hover {
	color:#fff;
	/*background:url(../images/topmenuleft.gif) left top no-repeat;*/
	/*background:url(../images/topmenuright.png) right top no-repeat;*/
	-webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -o-transform: scale(1.2);
	text-shadow:2px 2px 2px #000000;
}

.topmenu li a:hover span {
	/*background:url(../images/topmenuright.gif) right top no-repeat;*/
}

.topmenu li a.active {
	/*color:#000;*/
	/*background:url(../images/topmenuleft.gif) left top no-repeat;*/
	/*background:url(../images/topmenuright.png) right top no-repeat;*/
	color:#fff;
	-webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -o-transform: scale(1.2);
	text-shadow:2px 2px 2px #000000;
}

.topmenu li a.active span {
	/*background:url(../images/topmenuright.gif) right top no-repeat;*/
}

.bannerlinkblock {
	background:#000000;
	border:1px dashed #b8c6ad;
	margin:5px 0px 0px 0px;
	padding:8px;
}

.bannerlinkblock a {
	color:#fff;
	text-decoration:none;
	display:block;
	float:left;
}

.aboutus-img{float:right; border:4px solid #fff;	margin:0 0px 10px 20px;}
.aboutcolumnzone{padding:20px 0px 16px 0px;}
.aboutcolumn1{width:48%; float:left; margin:0px 0px 10px 0px;}
.aboutcolumn2{width:48%; float:right; margin:0px 0px 10px 0px;}
.abouticon{float:left; margin:0px 20px 0px 0px;}
.insidereadmore{padding:10px 0px 10px 0px;}
.project-img{float:right; margin-left:20px;	border: 6px solid #fff;}
.whiteheading{font:30px Myriad Pro, Arial; color:#CBD76B; font-weight:100;	padding:0px; margin:25px 0px 20px 0px;}
.ourprojectrow{margin-bottom:20px; border-bottom:1px dotted #fff; padding-bottom:10px; padding-right:20px}
.servicecolumnzone{padding:20px 0px 16px 0px;}
.servicecolumn1{width:48%; float:left; margin:0px 0px 10px 0px;}
.servicecolumn2{width:48%; float:right;	margin:0px 0px 10px 0px;}
.blog-posted-row{padding:3px;}

.search {
  position:relative;
  padding: 10px;
  border:1px solid #7c7c7c;
  margin-bottom:10px;
  background:#c4d2d5;
  margin-top: 0px;
}
/*#97b0b5;*/


/****************************Table********************************/
/*.table, th, td {
    border: 1px solid black;
     border-collapse: collapse;
}*/
/****************************End Table********************************



	/* Class used by the validator controls */
.validator {
    color: #cc0000;
}
  /* Class used by the outer div of an input row in a form kstodo */
.inputRow
{
    margin-bottom:5px;
    vertical-align: middle;
    overflow: hidden;
    font: small Arial, Helvetica, sans-serif; 
		color: #024052;
}
    /*border: solid 1px black;  font-size: 8ptx*/ 
.labelContainer
{
    width: 150px;
    float: left;
    padding-right: 5px;
		margin-bottom:5px;
}

/* Classes used by the inner div of the inputRow, wrapping the textboxs (or other controls) */
.controlContainer
{
    /*border: solid 1px blue;*/
}

.bold {
	FONT-WEIGHT: bold
}

div.ErrorBlock
{
    font-weight: bold;
	color: #CC0000;    
}


/****************************Modal Pop up********************************/
.modalBackground
{
  background-color: Black;
  filter: alpha(opacity=40);
  opacity: 0.4;
}
.modalPopup
{
  background-color: #FFFFFF;
  width: 300px;
  border: 3px solid #577178;
}
.modalPopup .header
{
  background:#313030 url(../images/footer.gif) left top repeat-x;
	/*background-color:#c4d2d5;*/
  height: 30px;
  color: White;
	line-height: 30px;
	text-align: center;
	font-weight: bold;
}
.modalPopup .body
{
  /*min-height: 10px;
  line-height: 5px;*/
  min-height: 30px;
  line-height: 20px;
  text-align: center;
  font-weight: bold;
}
.modalPopup .footer
{
  padding: 3px;
}
.modalPopup .yes, .modalPopup .no
{
  height: 23px;
  color: White;
  line-height: 23px;
  text-align: center;
  font-weight: bold;
  cursor: pointer;
}
.modalPopup .yes
{
  background-color: #2FBDF1;
  border: 1px solid #0DA9D0;
}
.modalPopup .no {
  background-color: #9F9F9F;
  border: 1px solid #5C5C5C;
}

/**************************** End Modal Pop up********************************/

/**************************** Progress********************************/
.modal
{
    position: fixed;
    z-index: 997;
    height: 100%;
    width: 100%;
    top: 0px;
    background-color: transparent;
    filter: alpha(opacity=60);
    opacity: 0.6;
}

.center
{
    z-index: 998;
    margin: 300px auto;
    padding: 10px;
    width: 80px;
    background-color: White;
    border-radius: 10px;
    filter: alpha(opacity=100);
    opacity: 1;
}

.center img
{
    height: 80px;
    width: 80px;
}

.loading
{
	position:fixed; 
	width:100%;
	height:100%;
}

.loading img
{
	position:relative; 
	top:25%;
	left:25%;
  height: 50px;
  width: 50px;
}

 .loader
  {
  position: fixed;
  z-index: 100000000;
  top:40%;
  left:45%;
  /*background-color:white;*/
  }

/**************************** End Progress********************************/


/*************************************WebDataGrid******************/
/*ref.http://www.infragistics.com/community/blogs/engineering/archive/2010/08/25/webdatagrid-css-styling-guide.aspx*/

 /* styling for grid header row */
 /*td table th 
{
 padding: .1em .1em .1em .4em;
 vertical-align: top;
 text-align: center;
 border: 1px solid white;
 background-color: #c4d2d5; 
 }*/

/* styling for grid data rows */
/*td table td 
{
 padding: .1em .1em .1em .4em;
 vertical-align: top;
 font-size: 1em;
 text-align: left;
 border: 1px solid white;
 background-color: #C3CDD9;
 }*/

 /*tr.altrow td, .altrow{ background-color:red; }*/

 /***1.*** Css applied from control level*/
  /**HeaderCaptionCssClass  - applied to the header caption of every column. */
		
.hr-div {
  width: 100%;
  text-align: right;
  border-style: solid;
  /*border: 0px 0 1 0*/
}


.HeaderCaptionClass {
 padding: .1em .1em .1em .4em;
 vertical-align: top;
 text-align: left;
 border: 1px solid white;
 background-color:#c4d2d5; 
 text-align:left;
 color:#024052;
 }

/*ItemClass - applied to every row.*/
 tbody.NewItemClass > tr > td{
  padding: .1em .1em .1em .4em; 
  vertical-align: top;
  text-align:left;
  color:#024052;
	visibility:initial;
  }


/*AltItemCssClass - applied to every even row.*/
 tbody > tr.NewAltItemCssClass > td{
  padding: .1em .1em .1em .4em;
  vertical-align: top;
  text-align:left;
  background:#c4d2d5;
  color:#024052;
	visibility:initial;
  }

 /*FooterCaptionCssClass ********************************/
.NewFooterCaptionCssClass {
}

/*PagerCssClass  - applied to the pager frame.*/
tbody.NewPageCssClass > tr > td{
  color:red; 
}

/* CurrentPageLinkCssClass - applied to the current page index in the numeric mode.*/
tbody.NewCurrentPageLinkCssClass > tr > td {
} 

/*PageLinkCssClass -applied to pager’s index links other than the current one in the numeric mode.*/
NewPageLinkCssClass {
}

  /*tbody > tr.ActiveRowClass > td
  {
    background-color: #c4d2d5;
  }*/

  tbody > tr > td.ColumnLevelCssClass
  {
    font-weight: bold;
  }
  /*    text-decoration: underline;*/

  /*tbody > tr > td.SelectedCellClass
  {
    font-weight: bold;
  }*/

  /*tbody > tr > td.ActiveCellClass{
   background-color: #c4d2d5;
  }*/

/*.CustomCss {
  background-color: #c4d2d5;
  padding: .1em .1em .1em .4em;
  vertical-align: top;
  text-align: left;
  border: 1px solid white;
 }*/

  /*******  border-bottom:1px solid #d8d8d8;
  clear:left;
  overflow:hidden;
    padding-top:10px;
    padding-left:5px;
    margin:5px 0;
*/
/*************************************END WebDataGrid******************/

.bold {
  font-weight:bold
}

.BlueBoldText 
{
  font-weight:bold;
	color: #013567;
}

.floatLeft{
float:left;
}

/* Class used by the validator controls */
.Asterisk {
    color: #cc0000;
}

div.ErrorBlock
{
  font-weight: bold;
	color: #CC0000;    
}

.footertext {
text-align:center;
font-size: 6.0pt; 
}

/* Class used by the outer div of an input row in a form */
.buttonRow
{
    margin-top:12px;
    margin-bottom:5px;
    font-size: 8.0pt;
    /*height: 40px;*/
}

.Radio
{font:Small Arial, Helvetica, sans-serif; color: #024052;}


.lblTitle {font:20px Trebuchet MS, Arial, Helvetica, sans-serif;color:#024052;padding:0px 0px 0px 0px;margin:0px;width: 500px;}
.LblStandard {font:Small Arial, Helvetica, sans-serif; color: #024052;}
.lblBold {font:large Arial, Helvetica, sans-serif; color: #000066;}


.ddl50{width: 50px; height: 20px; font:Small Arial, Helvetica, sans-serif;}
.ddl70{width: 70px; height: 20px; font:Small Arial, Helvetica, sans-serif;}
.ddl100{width: 100px; height: 20px; font:Small Arial, Helvetica, sans-serif;}
.ddl150{width: 150px; height: 20px; font:Small Arial, Helvetica, sans-serif;}
.ddl200{width: 200px; height: 20px; font:Small Arial, Helvetica, sans-serif;}
.ddl250{width: 250px; height: 20px; font:Small Arial, Helvetica, sans-serif;}



.txtDisplay{color:#505f45; vertical-align:top; text-align:start; border:none; font-family: Arial; float:right;}

.txtShort { width: 75px; font-family: Arial, Helvetica, sans-serif; font-size: 10pt;}
.txtMedium {width: 150px; font-family: Arial, Helvetica, sans-serif; font-size: 10pt;}
.txtLong {width: 300px; font-family: Arial, Helvetica, sans-serif; font-size: 10pt;}

.txt50  {width: 50px;  font: Small Arial, Helvetica, sans-serif; color: #024052;}
.txt70  {width: 70px;  font: Small Arial, Helvetica, sans-serif; color: #024052;}
.txt100 {width: 100px; font: Small Arial, Helvetica, sans-serif; color: #024052;}
.txt150 {width: 150px; font: Small Arial, Helvetica, sans-serif; color: #024052;}
.txt200 {width: 200px; font: Small Arial, Helvetica, sans-serif; color: #024052;}
.txt250 {width: 250px; font: Small Arial, Helvetica, sans-serif; color: #024052;}
.txt300 {width: 300px; font: Small Arial, Helvetica, sans-serif; color: #024052;}
.txt350 {width: 350px; font: Small Arial, Helvetica, sans-serif; color: #024052;}


.txt250NoBorder {width: 250px; font: Small Arial, Helvetica, sans-serif; text-align:left; border:none; color: #024052;}
.txt300NoBorder {border-style: none;
  border-color: inherit;
  border-width: medium;
  font: Small Arial, Helvetica, sans-serif; color: #024052;
  text-align:left; }
.txt500NoBorder {width: 500px; font: Small Arial, Helvetica, sans-serif; text-align:left; border:none; color: #024052;}

.txtMultiLine {width: 100%; font: Small Arial, Helvetica, sans-serif; vertical-align:top; color: #024052;}
.txtMultiLineNoBorder {width: 100%; font: Small Arial, Helvetica, sans-serif; border:none; color: #024052;}

.txtMultiLineDisplay{color:#505f45; vertical-align:top; text-align:justify; border:none; word-wrap:normal; width: 100%; height: 100%;}
/*resize:both;*/


.btnStandart {
  background-color: #024052; /*#c8cee1;*/
  /*background-image: url(../images/menubutton.png);*/
  color: white;
  width: 75px;
  height: 25px;
  border: none;
  font: bold 12px Arial, Helvetica, sans-serif;
  color: #fff;
  box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.6);
  border-radius: 4px;
}

.btnStandart100 {
  background-color:#024052;
  color: white;
  width: 100px;
  height:25px;
  border: none;
  font:bold 12px Arial, Helvetica, sans-serif;
  color: #fff;
  box-shadow: 0px 6px 10px  rgba(0, 0, 0, 0.6);
}

  .btnStandart:hover {
   background-image: url(../images/menubutton.png);
   cursor:pointer;
   
      /*background-image:none;
     background-color:#024052;*/
  }

 .btnStandart100:hover {
   background-image: url(../images/menubutton.png);
   cursor:pointer;
   
      /*background-image:none;
     background-color:#024052;*/
  }

/*.CustomValidator {position:relative;margin-left:-80px;}
.CustomValidator div {border:solid 1px Black;background-color:LemonChiffon; position:relative;}
.CustomValidator td {border:solid 1px Black;background-color:LemonChiffon;}
.CustomValidator .ajax__validatorcallout_popup_table {display:none;border:none;background-color:transparent;padding:0px;}
.CustomValidator .ajax__validatorcallout_popup_table_row {vertical-align:top;height:100%;background-color:transparent;padding:0px;}
.CustomValidator .ajax__validatorcallout_callout_cell {width:20px;height:100%;text-align:right;vertical-align:top;border:none;background-color:transparent;padding:0px;}
.CustomValidator .ajax__validatorcallout_callout_table {height:100%;border:none;background-color:transparent;padding:0px;}
.CustomValidator .ajax__validatorcallout_callout_table_row {background-color:transparent;padding:0px;}
.CustomValidator .ajax__validatorcallout_callout_arrow_cell {padding:8px 0px 0px 0px;text-align:right;vertical-align:top;font-size:1px;border:none;background-color:transparent;}
.CustomValidator .ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv {font-size:1px;position:relative;left:1px;border-bottom:none;border-right:none;border-left:none;width:15px;background-color:transparent;padding:0px;}
.CustomValidator .ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv div {height:1px;overflow:hidden;border-top:none;border-bottom:none;border-right:none;padding:0px;margin-left:auto;}
.CustomValidator .ajax__validatorcallout_error_message_cell {font-family:Verdana;font-size:10px;padding:5px;border-right:none;border-left:none;width:100%;}
.CustomValidator .ajax__validatorcallout_icon_cell {width:20px;padding:5px;border-right:none;}
.CustomValidator .ajax__validatorcallout_close_button_cell {vertical-align:top;padding:0px;text-align:right;border-left:none;}
.CustomValidator .ajax__validatorcallout_close_button_cell .ajax__validatorcallout_innerdiv {border:none;text-align:center;width:10px;padding:2px;cursor:pointer;}*/


.customValidatorCallout div, .customValidatorCallout td {
	border:solid 1px red; 
	background-color:#fff;
}

.customValidatorCallout .ajax__validatorcallout_error_message_cell {
	font-size:10px;
	padding-top:10px;
	padding-bottom:10px;
	color:Red;
	-moz-box-shadow: 2px 2px 2px gray;
	-webkit-box-shadow: 2px 2px 2px gray;
	box-shadow: 2px 2px 2px gray;
}

.customValidatorCallout .ajax__validatorcallout_close_button_cell {
	
	padding:2px;
	-moz-border-radius-topright:5px;
	-moz-border-radius-bottomright:5px;
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
	-moz-box-shadow: 2px 2px 2px gray;
	-webkit-box-shadow: 2px 2px 2px gray;
	box-shadow: 2px 2px 2px gray;
}

.customValidatorCallout .ajax__validatorcallout_icon_cell { 
	padding-top:7px; 
	-moz-border-radius-topleft:5px;
	-moz-border-radius-bottomleft:5px;
	border-top-left-radius:5px;
	border-bottom-left-radius:5px;
	-moz-box-shadow: 2px 2px 2px gray;
	-webkit-box-shadow: 2px 2px 2px gray;
	box-shadow: 2px 2px 2px gray;
}
.validator {
	color:#FF0000;
	font-size:12px; 
	font-style:italic;
}

.button2 {
    display: inline-block;
    border: none;
    background-size: 100% 100%;
    background-color:#024052;
    /*background-image: url(../images/menubutton.png);*/
    Width: 130px ;
    Height: 25px ;
    font:bold 12px Arial, Helvetica, sans-serif;
   /*border-radius:50px 10px ;*/
    color: #fff;
    box-shadow: 0px 6px 10px  rgba(0, 0, 0, 0.6);
    cursor:pointer;
    text-align:center;
}
  .button2:hover {
     background-image: url(../images/menubutton.png);
  }
  .lblEditProfile
  {
    color: #000066;
    font-weight :bold;
  }

  .emailSettings{
    float:left;
    width:45%;
  }
  .passwordChange {
    float:left;
    width:100%;
  }
  .personalInfoDiv{
     Padding:10px;
     text-align: left; 
      margin-left:180px;
  }
  .recoveryQuestiondiv{
   align-content:center;
     color: #000066;
    font-weight :bold;
     Padding:10px;
    margin-left:200px;
     width:700px;
  }
  .ConsultantAndAssignmentDiv{
    float:left;
    width:50%;
     color: #000066;
    font-weight :bold;
    width:100%;
  }
 
  .inactiveAndSearch{
    float:right;
   margin-top:20px;
  
  }
  .panelFilterSettings{
    padding-left:10px;
    color: #000066;
    font-weight :bold;
    height:120px
  }
  .panelFilterSettings input{
     margin-right: 15px;
  }
  .panelFilterSettings label{
     position:relative;
  }

  .TableStatistics{
    margin:0;
    padding-left:10px;
    color: #000066;
    font-weight :bold;
    height:120px;
    width:100%;
  }

  .WorkReportInfoPanel{
    float:left;
    width:200px;
  }
  .ConsultantAssignmentPanel{
     float:right;
    width:600px;
  }

	.WrapTextHeader 
{
    word-wrap:break-word;
}
